.elementor-92 .elementor-element.elementor-element-066c8d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-92:not(.elementor-motion-effects-element-type-background), body.elementor-page-92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-be3fe46 *//* ====================================
   DESPECHO MADRID · HORARIOS
==================================== */


.despecho-horarios {
    --dh-black: #050505;
    --dh-white: #ffffff;
    --dh-pink: #ed4565;
    --dh-soft-pink: #ff91b6;
    --dh-purple: #5620e8;
    --dh-blue: #0c3289;
    --dh-green: #009568;
    --dh-orange: #ff855f;
    --dh-yellow: #ffd543;

    background: var(--dh-black);
    color: var(--dh-white);
    overflow: hidden;
    font-family: "Courage", Arial, sans-serif;
}

.despecho-horarios *,
.despecho-horarios *::before,
.despecho-horarios *::after {
    box-sizing: border-box;
}

.dh-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* ====================================
   HERO
==================================== */

.dh-hero {
    position: relative;
    min-height: 10vh;
    display: flex;
    align-items: center;

    padding: 50px 0 100px;

    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(237, 69, 101, .26),
            transparent 32%
        ),
        radial-gradient(
            circle at 20% 75%,
            rgba(86, 32, 232, .22),
            transparent 33%
        ),
        #050505;
        z-index: 10;
}

.dh-hero::before {
    display: none;
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    border: 70px solid rgba(255, 145, 182, .09);
    border-radius: 50%;

    right: -150px;
    top: 50%;

    transform: translateY(-50%);
}

.dh-eyebrow {
    display: inline-block;

    margin-bottom: 30px;
    color: var(--dh-yellow);
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dh-title {
    position: relative;
    z-index: 2;

    max-width: 1000px;

    margin: 0;

    font-size: clamp(54px, 8vw, 112px);
    line-height: .83;

    letter-spacing: -3px;
    text-transform: uppercase;
}

.dh-title span {
    display: block;
    color: var(--dh-pink);
}

.dh-intro {
    max-width: 560px;
    margin: 45px 0 40px;
    font-family: Mahesa, sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 4vw, 45px);
    line-height: 0.9;
}

.dh-days {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dh-days span {
    padding: 13px 21px;

    border: 2px solid #fff;
    border-radius: 100px;

    font-size: 14px;
}


/* ====================================
   APERTURA
==================================== */

.dh-main-hours {
    position: relative;

    background: var(--dh-soft-pink);
    color: var(--dh-black);

    padding: 70px 0;
    z-index: 10;
}

.dh-mini-title {
    margin: 0 0 15px;

    font-size: 21px;

    text-align: center;
    letter-spacing: 1.5px;
            font-family: "Courage", Sans-serif;
}

.dh-opening {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dh-opening-label {
    font-size: clamp(27px, 4vw, 50px);
}

.dh-opening strong {
    color: var(--dh-green);

    font-size: clamp(100px, 19vw, 240px);
    line-height: .9;
    margin-top: 10px;


    letter-spacing: -8px;
}

.dh-opening-copy {
    max-width: 650px;
    margin: 15px auto 0;
    font-family: Mahesa, sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 0.9;
    text-align: center;
}


/* ====================================
   TIMELINE
==================================== */

.dh-timeline-section {
    padding: 80px 0;
}

.dh-section-heading {
    margin-bottom: 65px;
}

.dh-section-heading > span {
    color: var(--dh-yellow);

    font-size: 23px;
    letter-spacing: 0.9px;
}

.dh-section-heading h2 {
    max-width: 900px;

    margin: 18px 0 0;

    font-size: clamp(45px, 7vw, 92px);
    line-height: .87;

    letter-spacing: -3px;
}

.dh-section-heading em {
    color: var(--dh-pink);
    font-style: normal;
}

.dh-timeline {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 16px;
}

.dh-step {
    position: relative;

    min-height: 420px;

    padding: 38px;

    border-radius: 20px;

    overflow: hidden;

    transition:
        transform .35s ease,
        border-radius .35s ease;
}

.dh-step:hover {
    transform: translateY(-8px);
    border-radius: 35px;
}

.dh-step-number {
    position: absolute;

    top: 25px;
    right: 30px;

    opacity: .2;

    font-size: 90px;
    line-height: 1;
}

.dh-step-time {
    display: inline-flex;

    padding: 8px 14px;

    margin-bottom: 65px;

    border-radius: 50px;

    background: rgba(0,0,0,.9);
    color: white;
    font-family: Mahesa, sans-serif;
    font-size: 23px;
}

.dh-step h3 {
    max-width: 480px;

    margin: 0 0 25px;

    font-size: clamp(35px, 4vw, 57px);
    line-height: .9;
}

.dh-step p {
    max-width: 520px;
    /* letter-spacing: 0.5px; */
    margin: 0;
    font-family: Mahesa, sans-serif;
    font-size: 27px;
    font-weight: 200;
    line-height: 0.9;
}

.dh-step a {
    color:#000;
}
.dh-step a:hover {
text-decoration: underline;
    }
.dh-step-time a{
    color: #ffffff !important;
}    
.dh-step-time a:hover{
text-decoration: underline;
    }

.dh-step-pink {
    background: var(--dh-pink);
}

.dh-step-purple {
    background: var(--dh-purple);
}

.dh-step-orange {
    background: var(--dh-orange);
    color: #111;
}

.dh-step-green {
    background: var(--dh-green);
}

.dh-closing-times {
    display: flex;
    gap: 35px;

    margin-top: 35px;
}

.dh-closing-times div {
    display: flex;
    flex-direction: column;
}

.dh-closing-times span {
    font-size: 21px;
}

.dh-closing-times strong {
    font-size: clamp(40px, 5vw, 65px);
}


/* ====================================
   INFORMACIÓN
==================================== */

.dh-info {
    padding: 80px 0;

    background: #111;
}

.dh-info-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;

    gap: 90px;
}

.dh-info-title > span {
    color: var(--dh-yellow);

    font-size: 21px;
    letter-spacing: 1px;
            font-family: "Courage", Sans-serif;
}

.dh-info-title h2 {
    margin: 20px 0 0;

    font-size: clamp(45px, 6vw, 78px);
    line-height: .9;
}

.dh-info-title strong {
    color: var(--dh-pink);
}

.dh-info-content {
    display: flex;
    flex-direction: column;
}

.dh-info-item {
    display: grid;
    grid-template-columns: 60px 1fr;

    gap: 20px;

    padding: 32px 0;

    border-bottom: 1px solid rgba(255,255,255,.18);
}

.dh-info-item > span {
    color: var(--dh-pink);
    font-size: 28px;
}

.dh-info-item h3 {
    margin: 0 0 12px;

    font-size: 25px;
}

.dh-info-item p {
    margin: 0;

    font-family: Mahesa, sans-serif;
    font-size: 26px;

    line-height: 0.9;

    color: rgba(255,255,255,.75);
}


/* ====================================
   CTA FINAL
==================================== */

.dh-final-cta {
    position: relative;

    padding: 100px 0;

    background: var(--dh-pink);

    overflow: hidden;
}

.dh-final-bg-word {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    font-size: clamp(100px, 21vw, 330px);

    color: transparent;

    -webkit-text-stroke: 2px rgba(255,255,255,.13);

    white-space: nowrap;
}

.dh-final-content {
    position: relative;
    z-index: 2;

    text-align: center;
}

.dh-final-content > span {
    font-size: 21px;
    letter-spacing: 0px;
            font-family: "Courage", Sans-serif;
}

.dh-final-content h2 {
    margin: 30px auto 45px;

    font-size: clamp(45px, 7vw, 90px);
    line-height: .87;
}

.dh-final-content strong {
    color: #fff;
}

.dh-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    padding: 14px 18px 14px 25px;

    border-radius: 100px;

    background: var(--dh-purple);
    color: white;

    text-decoration: none;

    font-size: 20px;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.dh-button:hover {
    transform: scale(1.05);

    background: #4011c6;

    color: #fff;

    box-shadow:
        0 12px 30px rgba(86,32,232,.35);
}


/* CÍRCULO */

.dh-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

    background: #fff;

    overflow: hidden;

    transition:
        transform .3s ease;
}


/* CORAZÓN */

.dh-button-icon img {
    display: block;

    width: 29px;
    height: 29px;

    object-fit: contain;

    transform: rotate(-7deg);

    transition:
        transform .35s ease;
}


/* HOVER */

.dh-button:hover .dh-button-icon {
    transform: rotate(8deg) scale(1.08);
}

.dh-button:hover .dh-button-icon img {
    transform:
        rotate(-15deg)
        scale(1.12);
}


/* ====================================
   MOBILE
==================================== */

@media (max-width: 767px) {

    .dh-container {
        width: min(100% - 30px, 1180px);
    }

    .dh-hero {
        min-height: auto;

        padding: 30px 0 30px;
    }

    .dh-title {
        font-size: clamp(38px, 12vw, 50px);
        letter-spacing: -2px;
    }

    .dh-intro {
        margin-top: 30px;

        font-size: 17px;
    }

    .dh-days {
        gap: 7px;
    }

    .dh-days span {
        padding: 9px 13px;
        font-size: 11px;
    }


    .dh-main-hours {
        padding: 35px 0;
    }

    .dh-opening strong {
        font-size: clamp(100px, 31vw, 150px);
        letter-spacing: -5px;
    }


    .dh-timeline-section {
        padding: 40px 0;
    }

    .dh-section-heading h2 {
        font-size: 50px;
    }

    .dh-timeline {
        grid-template-columns: 1fr;
    }

    .dh-step {
        min-height: 300px;
        padding: 20px;
    }

    .dh-step-time {
        margin-bottom: 25px;
    }

    .dh-step h3 {
        font-size: 40px;
    }

    .dh-closing-times {
        gap: 20px;
    }


    .dh-info {
        padding: 40px 0;
    }

    .dh-info-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .dh-info-title h2 {
        font-size: 48px;
    }


    .dh-final-cta {
        padding: 50px 0;
    }

    .dh-final-content h2 {
        font-size: 40px;
        line-height: 1em;
    }
.dh-final-content > span {
    font-size: 16px;
}

.dh-closing-times span{
    font-size: 16px;
}
.dh-closing-times strong{
font-size: 20px;

}

}


/* ==========================================================
   DESPECHO · HEART + NAIL DECORATION
========================================================== */

.despecho-horarios {

    position: relative;

}


/* BASE */

.dh-deco {

    position: absolute;

    z-index: 1;

    pointer-events: none;

    user-select: none;

}


.dh-deco img {

    display: block;

    width: 100%;
    height: auto;

}


/* ==========================================================
   HERO HEART
========================================================== */

.dh-deco-heart-hero {

    top: 95px;
    right: -70px;

    width: clamp(180px, 20vw, 330px);

    opacity: .22;

    transform: rotate(12deg);

    animation:
        dhFloatHeart 8s ease-in-out infinite;

}


@keyframes dhFloatHeart {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(12deg);

    }

    50% {

        transform:
            translateY(-18px)
            rotate(7deg);

    }

}


/* ==========================================================
   BIG NAIL AROUND OPENING TIME
========================================================== */

.dh-deco-nail-hours {

    top: 690px;
    left: -50px;

    width: clamp(150px, 17vw, 270px);

    opacity: .28;

    transform: rotate(57deg);

    filter:
        drop-shadow(
            0 14px 20px rgba(0,0,0,.28)
        );

}


/* ==========================================================
   HEART IN HOURS SECTION
========================================================== */

.dh-main-hours {

    position: relative;

    overflow: hidden;

}


.dh-main-hours .dh-container {

    position: relative;

    z-index: 2;

}


.dh-deco-heart-hours {

    right: 5%;
    bottom: -70px;

    width: clamp(130px, 14vw, 220px);

    opacity: .12;

    transform: rotate(-15deg);

}


/* ==========================================================
   TIMELINE NAIL
========================================================== */

.dh-timeline-section {

    position: relative;

    overflow: hidden;

}


.dh-timeline-section .dh-container {

    position: relative;

    z-index: 2;

}


.dh-deco-nail-timeline {

    right: -45px;
    top: 145px;

    width: clamp(130px, 15vw, 240px);

    opacity: .14;

    transform: rotate(-38deg);

}


/* ==========================================================
   FINAL CTA
========================================================== */

.dh-final-cta {

    position: relative;

    overflow: hidden;

}


/* ==========================================================
   CAPAS CTA FINAL
========================================================== */

.dh-final-content {

    position: relative;

    z-index: 4;

}


.dh-final-bg-word {

    position: absolute;

    left: 50%;
    top: 50%;

    z-index: 1;

    transform: translate(-50%, -50%);

    width: max-content;

    font-size: clamp(100px, 21vw, 330px);

    color: transparent;

    -webkit-text-stroke:
        2px rgba(255,255,255,.13);

    white-space: nowrap;

    pointer-events: none;

}


.dh-deco-heart-cta,
.dh-deco-nail-cta {

    z-index: 2;

}


.dh-deco-heart-cta {

    left: -45px;
    bottom: -60px;

    width: clamp(170px, 20vw, 310px);

    opacity: .2;

    transform: rotate(-15deg);

}


.dh-deco-nail-cta {

    right: 3%;
    top: 20px;

    width: clamp(110px, 12vw, 190px);

    opacity: .21;

    transform: rotate(48deg);

}


/* ==========================================================
   OPTIONAL SUBTLE HOVER-LIKE LIFE
========================================================== */

.dh-deco-nail-timeline img,
.dh-deco-nail-cta img {

    animation:
        dhNailFloat 10s ease-in-out infinite;

}


@keyframes dhNailFloat {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(12px);

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    /* El hero sí conserva un corazón,
       pero mucho más discreto */

    .dh-deco-heart-hero {

        top: 100px;
        right: -60px;

        width: 160px;

        opacity: .13;

    }


    /* Quitamos los elementos menos importantes */

    .dh-deco-nail-hours,
    .dh-deco-heart-hours,
    .dh-deco-nail-timeline {

        display: none;

    }


    /* CTA */

    .dh-deco-heart-cta {

        left: -55px;
        bottom: -30px;

        width: 155px;

        opacity: .12;

    }


    .dh-deco-nail-cta {

        right: -30px;
        top: 25px;

        width: 110px;

        opacity: .13;

    }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .dh-deco,
    .dh-deco img {

        animation: none !important;

    }

}

.dh-deco-heart-cta {

    left: -55px;
    bottom: -85px;

    width: clamp(170px, 18vw, 285px);

    opacity: .18;

    transform: rotate(-15deg);

}


.dh-deco-nail-cta {

    right: 2%;
    top: 35px;

    width: clamp(100px, 10vw, 165px);

    opacity: .20;

    transform: rotate(48deg);

}

@media (max-width: 767px) {

    .dh-final-bg-word {

        top: 50%;

        font-size: clamp(100px, 32vw, 160px);

    }


    .dh-deco-heart-cta {

        left: -55px;
        bottom: -45px;

        width: 145px;

        opacity: .11;

    }


    .dh-deco-nail-cta {

        right: -25px;
        top: 20px;

        width: 95px;

        opacity: .12;

    }

}

.rogamos {
    color:#FFD543;
    font-size: 0.8em;
}

.imgpanda{
    width: 25px;
}/* End custom CSS */