.elementor-100 .elementor-element.elementor-element-b66f968{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-b66f968 *//* ==========================================================
   LA CATEDRAL
   BIO OFICIAL
   SECCIÓN 01 — HERO
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap');


/* ==========================================================
   VARIABLES
========================================================== */

.lc-bio-hero {

    --gold: #d99a20;
    --gold-light: #ffd978;
    --gold-bright: #fff0b3;
    --gold-dark: #9d5e0d;

    --white: #ffffff;
    --black: #020202;

}


/* ==========================================================
   RESET
========================================================== */

.lc-bio-hero,
.lc-bio-hero * {

    box-sizing: border-box;

}


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

.lc-bio-hero {

    position: relative;

    width: 100%;

    min-height: 100vh;
    min-height: 100svh;

    overflow: hidden;

    display: flex;

    align-items: center;
    justify-content: center;

    isolation: isolate;

    padding:
        90px
        28px
        95px;

    background: #000;

}


/* ==========================================================
   FONDO
========================================================== */

.lc-bio-bg {

    position: absolute;

    inset: -3%;

    z-index: -10;

    background-image:
        url("http://lacatedralbar.com/wp-content/uploads/2026/08/Pared_luces-y-plantas.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    transform: scale(1.02);

    animation:
        lcBioZoom
        22s
        ease-in-out
        infinite
        alternate;

    will-change: transform;

}


@keyframes lcBioZoom {

    from {
        transform: scale(1.02);
    }

    to {
        transform: scale(1.09);
    }

}


/* ==========================================================
   RESPLANDOR
========================================================== */

.lc-bio-light-system {

    position: absolute;

    inset: 0;

    z-index: -8;

    overflow: hidden;

    pointer-events: none;

}


.lc-bio-light {

    position: absolute;

    top: -100px;

    width: 420px;
    height: 470px;

    border-radius: 50%;

    background:

        radial-gradient(

            ellipse at top,

            rgba(255,231,170,.68) 0%,

            rgba(244,183,69,.34) 17%,

            rgba(213,133,20,.14) 38%,

            transparent 70%

        );

    mix-blend-mode: screen;

    filter: blur(25px);

    animation:
        lcBioLightPulse
        4.5s
        ease-in-out
        infinite
        alternate;

}


.lc-bio-light-1 {

    left: 16%;

    transform: translateX(-50%);

}


.lc-bio-light-2 {

    left: 50%;

    transform: translateX(-50%);

    animation-delay: 1.4s;

}


.lc-bio-light-3 {

    left: 84%;

    transform: translateX(-50%);

    animation-delay: 2.8s;

}


@keyframes lcBioLightPulse {

    from {

        opacity: .35;

        filter: blur(29px);

    }

    to {

        opacity: .78;

        filter: blur(19px);

    }

}


/* ==========================================================
   OVERLAY
========================================================== */

.lc-bio-overlay {

    position: absolute;

    inset: 0;

    z-index: -7;

    pointer-events: none;

    background:

        linear-gradient(

            180deg,

            rgba(0,0,0,.03) 0%,

            rgba(0,0,0,.05) 18%,

            rgba(0,0,0,.18) 37%,

            rgba(0,0,0,.44) 55%,

            rgba(0,0,0,.74) 72%,

            rgba(0,0,0,.93) 90%,

            rgba(0,0,0,.98) 100%

        );

}


/* ==========================================================
   VIÑETA
========================================================== */

.lc-bio-vignette {

    position: absolute;

    inset: 0;

    z-index: -6;

    pointer-events: none;

    background:

        radial-gradient(

            ellipse at center,

            transparent 28%,

            rgba(0,0,0,.05) 52%,

            rgba(0,0,0,.30) 82%,

            rgba(0,0,0,.62) 130%

        );

}


/* ==========================================================
   ECUALIZADORES
========================================================== */

.lc-music-wave {

    position: absolute;

    z-index: 4;

    top: 50%;

    display: flex;

    align-items: center;

    gap: 5px;

    height: 180px;

    opacity: .22;

    pointer-events: none;

}


.lc-music-wave-left {

    left: 3%;

    transform: translateY(-50%);

}


.lc-music-wave-right {

    right: 3%;

    transform:
        translateY(-50%)
        scaleX(-1);

}


.lc-music-wave span {

    display: block;

    width: 2px;

    height: 35px;

    border-radius: 100px;

    background:

        linear-gradient(

            180deg,

            transparent,

            #ffd875,

            #bf7817,

            transparent

        );

    box-shadow:
        0 0 8px
        rgba(231,167,46,.45);

    animation:
        lcEqualizer
        1.8s
        ease-in-out
        infinite
        alternate;

}


.lc-music-wave span:nth-child(2) { animation-delay: .2s; }
.lc-music-wave span:nth-child(3) { animation-delay: .5s; }
.lc-music-wave span:nth-child(4) { animation-delay: .1s; }
.lc-music-wave span:nth-child(5) { animation-delay: .7s; }
.lc-music-wave span:nth-child(6) { animation-delay: .3s; }
.lc-music-wave span:nth-child(7) { animation-delay: .8s; }
.lc-music-wave span:nth-child(8) { animation-delay: .4s; }
.lc-music-wave span:nth-child(9) { animation-delay: .6s; }


@keyframes lcEqualizer {

    from {

        height: 18px;

        opacity: .35;

    }

    to {

        height: 115px;

        opacity: .9;

    }

}


/* ==========================================================
   ONDAS SONORAS
========================================================== */

.lc-sound-lines {

    position: absolute;

    z-index: 2;

    width: 58vw;

    height: 150px;

    pointer-events: none;

    opacity: .13;

}


.lc-sound-lines svg {

    width: 100%;

    height: 100%;

}


.lc-sound-lines path {

    fill: none;

    stroke: #e4aa3b;

    stroke-width: 1.3;

    stroke-linecap: round;

    stroke-dasharray: 7 12;

    filter:
        drop-shadow(
            0 0 5px
            rgba(221,151,27,.45)
        );

    animation:
        lcWaveDash
        18s
        linear
        infinite;

}


.lc-sound-lines-1 {

    left: -12%;

    bottom: 28%;

    transform: rotate(-5deg);

}


.lc-sound-lines-2 {

    right: -12%;

    top: 24%;

    transform: rotate(4deg);

    opacity: .09;

}


@keyframes lcWaveDash {

    to {
        stroke-dashoffset: -300;
    }

}


/* ==========================================================
   NOTAS
========================================================== */

.lc-music-notes {

    position: absolute;

    inset: 0;

    z-index: 3;

    pointer-events: none;

}


.lc-note {

    position: absolute;

    font-family: Georgia, serif;

    color: #d99a20;

    opacity: .15;

    text-shadow:

        0 0 9px rgba(228,165,50,.45),

        0 0 20px rgba(180,104,12,.20);

    animation:
        lcNoteFloat
        8s
        ease-in-out
        infinite
        alternate;

}


.lc-note-1 {

    left: 9%;
    top: 24%;

    font-size: 34px;

}


.lc-note-2 {

    left: 18%;
    top: 63%;

    font-size: 27px;

    animation-delay: 1.4s;

}


.lc-note-3 {

    right: 12%;
    top: 30%;

    font-size: 38px;

    animation-delay: 2.2s;

}


.lc-note-4 {

    right: 18%;
    top: 66%;

    font-size: 28px;

    animation-delay: 3.1s;

}


.lc-note-5 {

    left: 30%;
    top: 16%;

    font-size: 19px;

    animation-delay: 4s;

}


.lc-note-6 {

    right: 29%;
    top: 76%;

    font-size: 22px;

    animation-delay: 5s;

}


@keyframes lcNoteFloat {

    from {

        transform:
            translateY(0)
            rotate(-7deg);

    }

    to {

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

        opacity: .32;

    }

}


/* ==========================================================
   CONTENIDO
========================================================== */

.lc-bio-content {

    position: relative;

    z-index: 20;

    width: min(1000px, 100%);

    margin: auto;

    text-align: center;

    color: #fff;

}


/* ==========================================================
   TEXTO SUPERIOR
   AUMENTADO
========================================================== */

.lc-bio-eyebrow {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-bottom: 14px;

}


.lc-bio-eyebrow p {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    /* ANTES: 8px */
    font-size: 11px;

    font-weight: 500;

    letter-spacing: .30em;

    color: rgba(255,255,255,.72);

}


.lc-bio-eyebrow > span {

    width: 36px;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(221,162,48,.70)

        );

}


.lc-bio-eyebrow > span:last-child {

    transform: scaleX(-1);

}


/* ==========================================================
   MARCA
========================================================== */

.lc-bio-brand {

    margin: 0 auto;

}


.lc-bio-brand-name {

    display: inline-block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(48px, 6vw, 82px);

    font-weight: 500;

    line-height: .84;

    letter-spacing: .025em;

    text-transform: uppercase;

    background:

        linear-gradient(

            180deg,

            #fff5c4 0%,

            #ffdc80 18%,

            #e3a22b 39%,

            #a9640d 67%,

            #ffd775 85%,

            #bf7514 100%

        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    filter:

        drop-shadow(
            0 0 9px
            rgba(224,154,30,.25)
        )

        drop-shadow(
            0 5px 15px
            rgba(0,0,0,.9)
        );

}


/* ==========================================================
   SALSA Y POPULAR
   AUMENTADO
========================================================== */

.lc-bio-brand-subtitle {

    margin-top: 11px;

    font-family: "Montserrat", sans-serif;

    /* ANTES: clamp(9px, 1vw, 13px) */
    font-size:
        clamp(12px, 1.15vw, 15px);

    font-weight: 500;

    letter-spacing: .52em;

    color: #d9a33a;

}


.lc-bio-brand-subtitle b {

    color: #ffdb79;

    font-weight: 500;

    margin: 0 5px;

}


/* ==========================================================
   DIVISOR
========================================================== */

.lc-bio-divider {

    width: min(250px, 60%);

    margin:
        24px
        auto
        20px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.lc-bio-divider span {

    width: 50%;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(225,163,43,.85)

        );

}


.lc-bio-divider span:last-child {

    transform: scaleX(-1);

}


.lc-bio-divider i {

    width: 7px;

    height: 7px;

    flex: 0 0 7px;

    margin: 0 11px;

    transform: rotate(45deg);

    background: #ffda77;

    box-shadow:

        0 0 8px rgba(255,215,116,.85),

        0 0 20px rgba(209,132,20,.45);

}


/* ==========================================================
   TITULAR
========================================================== */

.lc-bio-title {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    text-transform: uppercase;

    line-height: .88;

}


.lc-bio-title > span {

    display: block;

    font-size:
        clamp(29px, 3.8vw, 52px);

    font-weight: 400;

    letter-spacing: .03em;

    color: rgba(255,255,255,.93);

    text-shadow:
        0 5px 20px
        rgba(0,0,0,.90);

}


.lc-bio-title strong {

    display: block;

    margin-top: 8px;

    font-size:
        clamp(39px, 5.3vw, 75px);

    font-weight: 500;

    letter-spacing: .02em;

    background:

        linear-gradient(

            180deg,

            #fff2b6,

            #ffd873 25%,

            #db971f 53%,

            #9e5e0b 76%,

            #ffd671

        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    filter:

        drop-shadow(
            0 0 9px
            rgba(224,152,26,.26)
        )

        drop-shadow(
            0 5px 15px
            rgba(0,0,0,.9)
        );

}


/* ==========================================================
   DESCRIPCIÓN
   AUMENTADA
========================================================== */

.lc-bio-description {

    max-width: 650px;

    margin:
        21px
        auto
        0;

    font-family: "Montserrat", sans-serif;

    /* ANTES: clamp(11px, 1vw, 14px) */
    font-size:
        clamp(14px, 1.15vw, 16px);

    font-weight: 300;

    line-height: 1.7;

    letter-spacing: .035em;

    color: rgba(255,255,255,.76);

}


.lc-bio-description strong {

    font-weight: 500;

    color: #eab94d;

}


/* ==========================================================
   BOTONES
========================================================== */

.lc-bio-actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-top: 28px;

}


.lc-btn {

    position: relative;

    min-width: 215px;

    min-height: 62px;

    padding:
        10px
        21px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    overflow: hidden;

    text-decoration: none;

    border-radius: 4px;

    font-family: "Montserrat", sans-serif;

    transition:

        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


/* ICONO */

.lc-btn-icon {

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.lc-btn-icon svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.35;

}


/* ==========================================================
   TEXTO BOTONES
   AUMENTADO
========================================================== */

.lc-btn-text {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 3px;

    /* ANTES: 10px */
    font-size: 12px;

    font-weight: 600;

    letter-spacing: .11em;

}


.lc-btn-text small {

    /* ANTES: 6px */
    font-size: 8px;

    font-weight: 500;

    letter-spacing: .22em;

    opacity: .70;

}


/* ==========================================================
   BOTÓN PRIMARIO
========================================================== */

.lc-btn-primary {

    color: #15100a;

    border:
        1px solid
        rgba(255,219,121,.55);

    background:

        linear-gradient(

            135deg,

            #9e610e 0%,

            #d9981f 30%,

            #ffd879 52%,

            #c37a12 76%,

            #8e530b 100%

        );

    box-shadow:

        0 10px 30px
        rgba(180,108,13,.18),

        inset
        0 1px 0
        rgba(255,255,255,.35);

}


.lc-btn-primary::before {

    content: "";

    position: absolute;

    top: -100%;

    left: -35%;

    width: 32%;

    height: 300%;

    transform: rotate(22deg);

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255,255,255,.35),

            transparent

        );

    animation:
        lcButtonShine
        5s
        ease-in-out
        infinite;

}


@keyframes lcButtonShine {

    0%,
    70% {

        left: -45%;

    }

    100% {

        left: 130%;

    }

}


/* ==========================================================
   BOTÓN SECUNDARIO
========================================================== */

.lc-btn-secondary {

    color: #e4ae44;

    border:
        1px solid
        rgba(222,164,48,.40);

    background:
        rgba(5,5,5,.37);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    box-shadow:
        inset
        0 0 20px
        rgba(210,139,24,.03);

}


.lc-btn:hover {

    transform: translateY(-4px);

}


.lc-btn-primary:hover {

    box-shadow:

        0 14px 38px
        rgba(213,141,25,.28),

        0 0 25px
        rgba(224,158,43,.12);

}


.lc-btn-secondary:hover {

    border-color:
        rgba(255,214,112,.72);

    box-shadow:

        0 10px 30px
        rgba(0,0,0,.40),

        0 0 20px
        rgba(210,138,22,.11);

}


/* ==========================================================
   CARACTERÍSTICAS
   AUMENTADAS
========================================================== */

.lc-bio-features {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-top: 28px;

}


.lc-bio-features > div {

    display: flex;

    align-items: center;

    gap: 8px;

}


.lc-bio-features i {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #db9d27;

    box-shadow:
        0 0 8px
        rgba(226,160,42,.65);

}


.lc-bio-features span {

    font-family: "Montserrat", sans-serif;

    /* ANTES: 7px */
    font-size: 9px;

    font-weight: 500;

    letter-spacing: .16em;

    color: rgba(255,255,255,.58);

}


/* ==========================================================
   PARTÍCULAS
========================================================== */

.lc-bio-particles {

    position: absolute;

    inset: 0;

    z-index: 8;

    overflow: hidden;

    pointer-events: none;

}


.lc-bio-particles span {

    position: absolute;

    bottom: -25px;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #ffd879;

    opacity: 0;

    box-shadow:

        0 0 6px rgba(255,225,148,1),

        0 0 15px rgba(239,175,55,.95),

        0 0 30px rgba(199,120,15,.55);

    animation:
        lcBioParticle
        linear
        infinite;

}


.lc-bio-particles span:nth-child(4n) {

    width: 5px;

    height: 5px;

    background:

        radial-gradient(

            circle,

            #fff9dc,

            #ffd36a 45%,

            #c87b12 100%

        );

}


.lc-bio-particles span:nth-child(5n) {

    width: 2px;

    height: 2px;

}


/* DISTRIBUCIÓN */

.lc-bio-particles span:nth-child(1)  { left:3%;  animation-duration:10s; animation-delay:0s; }
.lc-bio-particles span:nth-child(2)  { left:7%;  animation-duration:14s; animation-delay:5s; }
.lc-bio-particles span:nth-child(3)  { left:11%; animation-duration:9s;  animation-delay:2s; }
.lc-bio-particles span:nth-child(4)  { left:15%; animation-duration:15s; animation-delay:7s; }
.lc-bio-particles span:nth-child(5)  { left:19%; animation-duration:11s; animation-delay:1s; }

.lc-bio-particles span:nth-child(6)  { left:23%; animation-duration:16s; animation-delay:6s; }
.lc-bio-particles span:nth-child(7)  { left:27%; animation-duration:10s; animation-delay:3s; }
.lc-bio-particles span:nth-child(8)  { left:31%; animation-duration:14s; animation-delay:0s; }
.lc-bio-particles span:nth-child(9)  { left:35%; animation-duration:12s; animation-delay:5s; }
.lc-bio-particles span:nth-child(10) { left:39%; animation-duration:17s; animation-delay:1s; }

.lc-bio-particles span:nth-child(11) { left:43%; animation-duration:11s; animation-delay:7s; }
.lc-bio-particles span:nth-child(12) { left:47%; animation-duration:15s; animation-delay:3s; }
.lc-bio-particles span:nth-child(13) { left:51%; animation-duration:10s; animation-delay:0s; }
.lc-bio-particles span:nth-child(14) { left:55%; animation-duration:16s; animation-delay:6s; }
.lc-bio-particles span:nth-child(15) { left:59%; animation-duration:12s; animation-delay:4s; }

.lc-bio-particles span:nth-child(16) { left:63%; animation-duration:14s; animation-delay:1s; }
.lc-bio-particles span:nth-child(17) { left:67%; animation-duration:9s;  animation-delay:5s; }
.lc-bio-particles span:nth-child(18) { left:71%; animation-duration:17s; animation-delay:2s; }
.lc-bio-particles span:nth-child(19) { left:75%; animation-duration:11s; animation-delay:8s; }
.lc-bio-particles span:nth-child(20) { left:79%; animation-duration:15s; animation-delay:3s; }

.lc-bio-particles span:nth-child(21) { left:83%; animation-duration:10s; animation-delay:6s; }
.lc-bio-particles span:nth-child(22) { left:87%; animation-duration:16s; animation-delay:1s; }
.lc-bio-particles span:nth-child(23) { left:90%; animation-duration:12s; animation-delay:4s; }
.lc-bio-particles span:nth-child(24) { left:93%; animation-duration:14s; animation-delay:7s; }

.lc-bio-particles span:nth-child(25) { left:96%; animation-duration:11s; animation-delay:2s; }
.lc-bio-particles span:nth-child(26) { left:34%; animation-duration:18s; animation-delay:9s; }
.lc-bio-particles span:nth-child(27) { left:61%; animation-duration:19s; animation-delay:10s; }
.lc-bio-particles span:nth-child(28) { left:82%; animation-duration:18s; animation-delay:8s; }

.lc-bio-particles span:nth-child(29) { left:25%; animation-duration:13s; animation-delay:4s; }
.lc-bio-particles span:nth-child(30) { left:73%; animation-duration:13s; animation-delay:6s; }


@keyframes lcBioParticle {

    0% {

        opacity: 0;

        transform:
            translate3d(0,0,0)
            scale(.4);

    }


    10% {

        opacity: .9;

    }


    35% {

        opacity: 1;

    }


    55% {

        transform:
            translate3d(15px,-48vh,0)
            scale(1);

    }


    80% {

        opacity: .5;

    }


    100% {

        opacity: 0;

        transform:
            translate3d(-12px,-100vh,0)
            scale(.4);

    }

}


/* ==========================================================
   INDICADOR INFERIOR
   AUMENTADO
========================================================== */

.lc-scroll-indicator {

    position: absolute;

    z-index: 22;

    left: 50%;

    bottom: 18px;

    transform: translateX(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 7px;

}


.lc-scroll-indicator > span {

    font-family: "Montserrat", sans-serif;

    /* ANTES: 5px */
    font-size: 7px;

    font-weight: 500;

    letter-spacing: .25em;

    color: rgba(255,255,255,.38);

}


.lc-scroll-line {

    position: relative;

    width: 1px;

    height: 22px;

    overflow: hidden;

    background:
        rgba(255,255,255,.10);

}


.lc-scroll-line i {

    position: absolute;

    top: -100%;

    left: 0;

    width: 1px;

    height: 100%;

    background:

        linear-gradient(

            180deg,

            transparent,

            #dda235,

            transparent

        );

    animation:
        lcScrollMove
        2s
        ease-in-out
        infinite;

}


@keyframes lcScrollMove {

    0% {

        top: -100%;

    }

    100% {

        top: 100%;

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .lc-bio-hero {

        padding:
            85px
            24px
            90px;

    }


    .lc-music-wave {

        opacity: .15;

    }


    .lc-music-wave-left {

        left: 1%;

    }


    .lc-music-wave-right {

        right: 1%;

    }


    .lc-sound-lines {

        width: 70vw;

    }

}


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

@media (max-width: 650px) {


    /* HERO */

    .lc-bio-hero {

        min-height: 100svh;

        padding:
            70px
            18px
            78px;

    }


    /* FONDO */

    .lc-bio-bg {

        inset: -3%;

        background-size: cover;

        background-position: center top;

    }


    /* OVERLAY */

    .lc-bio-overlay {

        background:

            linear-gradient(

                180deg,

                rgba(0,0,0,.02) 0%,

                rgba(0,0,0,.07) 24%,

                rgba(0,0,0,.30) 43%,

                rgba(0,0,0,.68) 62%,

                rgba(0,0,0,.90) 78%,

                rgba(0,0,0,.98) 100%

            );

    }


    /* LUCES */

    .lc-bio-light {

        top: -70px;

        width: 220px;

        height: 350px;

    }


    .lc-bio-light-1 {
        left: 15%;
    }


    .lc-bio-light-2 {
        left: 50%;
    }


    .lc-bio-light-3 {
        left: 85%;
    }


    /* ECUALIZADORES */

    .lc-music-wave {

        top: 44%;

        height: 100px;

        gap: 4px;

        opacity: .13;

    }


    .lc-music-wave span {

        width: 1px;

    }


    .lc-music-wave-left {

        left: 5px;

    }


    .lc-music-wave-right {

        right: 5px;

    }


    /* ONDAS */

    .lc-sound-lines {

        width: 100vw;

        opacity: .08;

    }


    .lc-sound-lines-1 {

        left: -38%;

        bottom: 34%;

    }


    .lc-sound-lines-2 {

        right: -38%;

        top: 23%;

    }


    /* NOTAS */

    .lc-note {

        opacity: .11;

    }


    .lc-note-1 {

        left: 6%;

        font-size: 25px;

    }


    .lc-note-2 {

        left: 10%;

        font-size: 20px;

    }


    .lc-note-3 {

        right: 7%;

        font-size: 28px;

    }


    .lc-note-4 {

        right: 11%;

        font-size: 20px;

    }


    .lc-note-5,
    .lc-note-6 {

        display: none;

    }


    /* ======================================================
       TEXTO SUPERIOR MÓVIL
       AUMENTADO
    ====================================================== */

    .lc-bio-eyebrow {

        gap: 9px;

        margin-bottom: 13px;

    }


    .lc-bio-eyebrow p {

        /* ANTES: 6px */
        font-size: 8px;

        letter-spacing: .23em;

    }


    .lc-bio-eyebrow > span {

        width: 20px;

    }


    /* MARCA */

    .lc-bio-brand-name {

        font-size:
            clamp(39px, 13vw, 57px);

    }


    .lc-bio-brand-subtitle {

        margin-top: 8px;

        /* ANTES: 7px */
        font-size: 9px;

        letter-spacing: .38em;

    }


    /* DIVISOR */

    .lc-bio-divider {

        width: 150px;

        margin:
            18px
            auto
            16px;

    }


    /* TITULAR */

    .lc-bio-title > span {

        font-size:
            clamp(26px, 8.5vw, 37px);

    }


    .lc-bio-title strong {

        margin-top: 6px;

        font-size:
            clamp(34px, 10.7vw, 48px);

        line-height: .88;

    }


    /* ======================================================
       DESCRIPCIÓN MÓVIL
       AUMENTADA
    ====================================================== */

    .lc-bio-description {

        max-width: 350px;

        margin-top: 17px;

        /* ANTES: 9.5px */
        font-size: 12px;

        line-height: 1.65;

        letter-spacing: .02em;

    }


    /* BOTONES */

    .lc-bio-actions {

        width: 100%;

        max-width: 350px;

        margin:
            24px
            auto
            0;

        flex-direction: column;

        gap: 9px;

    }


    .lc-btn {

        width: 100%;

        min-width: 0;

        min-height: 58px;

        justify-content: center;

    }


    .lc-btn-text {

        min-width: 115px;

        /* ANTES: 9px */
        font-size: 11px;

    }


    .lc-btn-text small {

        /* ANTES heredaba 6-8px */
        font-size: 7px;

    }


    /* ======================================================
       FEATURES MÓVIL
       AUMENTADAS
    ====================================================== */

    .lc-bio-features {

        margin-top: 23px;

        gap: 14px;

        flex-wrap: wrap;

    }


    .lc-bio-features > div {

        gap: 6px;

    }


    .lc-bio-features span {

        /* ANTES: 5.5px */
        font-size: 7px;

        letter-spacing: .11em;

    }


    /* SCROLL */

    .lc-scroll-indicator {

        bottom: 10px;

    }


    .lc-scroll-indicator > span {

        /* ANTES: 4px */
        font-size: 5.5px;

        letter-spacing: .21em;

    }


    .lc-scroll-line {

        height: 17px;

    }

}


/* ==========================================================
   MÓVILES PEQUEÑOS
========================================================== */

@media (max-width: 380px) {

    .lc-bio-hero {

        padding-top: 55px;

    }


    .lc-bio-brand-name {

        font-size: 38px;

    }


    .lc-bio-title > span {

        font-size: 25px;

    }


    .lc-bio-title strong {

        font-size: 33px;

    }


    .lc-bio-description {

        max-width: 300px;

        /* Sigue siendo totalmente legible */
        font-size: 11px;

    }


    .lc-btn {

        min-height: 55px;

    }


    .lc-bio-features span {

        font-size: 6.5px;

    }

}


/* ==========================================================
   ACCESIBILIDAD
========================================================== */

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

    .lc-bio-bg,
    .lc-bio-light,
    .lc-music-wave span,
    .lc-sound-lines path,
    .lc-note,
    .lc-bio-particles span,
    .lc-btn-primary::before,
    .lc-scroll-line i {

        animation: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b89265 *//* ==========================================================
   LA CATEDRAL
   ÓSCAR QUESADA Y LOS TITANES
   ROJO METALIZADO
========================================================== */

.lc-oq-event {

    --red: #e10b12;
    --red-light: #ff3d43;
    --red-bright: #ff8a8d;
    --red-dark: #690308;
    --red-deep: #270103;

    position: relative;

    width: 100%;
    max-width: 100%;

    overflow: hidden;

    isolation: isolate;

    padding:
        110px
        28px
        120px;

    background: #020202;

    color: #fff;

}


.lc-oq-event,
.lc-oq-event * {

    box-sizing: border-box;

}


/* ==========================================================
   VIDEO
========================================================== */

.lc-oq-media {

    position: absolute;

    inset: 0;

    z-index: -12;

    overflow: hidden;

}


.lc-oq-video {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    min-width: 100%;
    min-height: 100%;

    object-fit: cover;

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

}


/* ==========================================================
   FALLBACK
========================================================== */

.lc-oq-fallback {

    position: absolute;

    inset: 0;

    z-index: -13;

    background:
        #050505;

}


/* ==========================================================
   OVERLAY
========================================================== */

.lc-oq-overlay {

    position: absolute;

    inset: 0;

    z-index: -10;

    background:

        linear-gradient(

            180deg,

            rgba(0,0,0,.65) 0%,

            rgba(0,0,0,.75) 17%,

            rgba(0,0,0,.88) 37%,

            rgba(0,0,0,.95) 60%,

            rgba(0,0,0,.985) 82%,

            #020202 100%

        );

}


.lc-oq-vignette {

    position: absolute;

    inset: 0;

    z-index: -9;

    pointer-events: none;

    background:

        radial-gradient(

            ellipse at center,

            transparent 18%,

            rgba(0,0,0,.12) 50%,

            rgba(0,0,0,.75) 120%

        );

}


/* ==========================================================
   RED GLOWS
========================================================== */

.lc-oq-glow {

    position: absolute;

    z-index: -8;

    width: 760px;
    height: 760px;

    border-radius: 50%;

    filter: blur(48px);

}


.lc-oq-glow-left {

    left: -380px;

    top: 240px;

    background:

        radial-gradient(

            circle,

            rgba(225,10,18,.22),

            rgba(110,3,8,.08) 40%,

            transparent 72%

        );

}


.lc-oq-glow-right {

    right: -390px;

    top: 1000px;

    background:

        radial-gradient(

            circle,

            rgba(255,28,35,.18),

            rgba(104,3,7,.06) 40%,

            transparent 73%

        );

}


/* ==========================================================
   LIGHT BEAMS
========================================================== */

.lc-oq-red-beam {

    position: absolute;

    z-index: -7;

    width: 190px;

    height: 900px;

    background:

        linear-gradient(

            180deg,

            transparent,

            rgba(229,15,22,.11),

            transparent

        );

    filter: blur(35px);

    opacity: .55;

    pointer-events: none;

}


.lc-oq-red-beam-1 {

    left: 11%;

    top: 200px;

    transform:
        rotate(22deg);

}


.lc-oq-red-beam-2 {

    right: 8%;

    top: 670px;

    transform:
        rotate(-20deg);

}


/* ==========================================================
   CONTAINER
========================================================== */

.lc-oq-container {

    position: relative;

    z-index: 10;

    width: min(1180px, 100%);

    margin: auto;

}


/* ==========================================================
   HEADER
========================================================== */

.lc-oq-header {

    max-width: 950px;

    margin:
        0
        auto
        82px;

    text-align: center;

}


.lc-oq-eyebrow {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-bottom: 17px;

}


.lc-oq-eyebrow p {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .25em;

    color: rgba(255,255,255,.66);

}


.lc-oq-eyebrow span {

    width: 40px;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(232,25,31,.78)

        );

}


.lc-oq-eyebrow span:last-child {

    transform: scaleX(-1);

}


.lc-oq-header h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(43px, 4.9vw, 69px);

    line-height: .87;

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

}


/* ==========================================================
   ROJO METALIZADO PRINCIPAL
========================================================== */

.lc-oq-header h2 strong,
.lc-oq-info h3 strong,
.lc-oq-section-title h2 strong,
.lc-oq-final h2 strong {

    background:

        linear-gradient(

            180deg,

            #fff 0%,

            #ffb3b5 10%,

            #ff575d 23%,

            #f3131b 42%,

            #8e050b 63%,

            #ff252c 78%,

            #6c0207 93%,

            #ff777b 100%

        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    filter:

        drop-shadow(
            0 0 7px
            rgba(255,26,34,.30)
        )

        drop-shadow(
            0 7px 14px
            rgba(0,0,0,.75)
        );

}


.lc-oq-header h2 strong {

    display: block;

    margin-top: 8px;

    font-size:
        clamp(52px, 5.8vw, 84px);

    font-weight: 600;

}


.lc-oq-intro {

    max-width: 680px;

    margin:
        23px
        auto
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    line-height: 1.75;

    font-weight: 300;

    color:
        rgba(255,255,255,.67);

}


.lc-oq-intro strong {

    color: #ff474d;

    font-weight: 500;

}


/* ==========================================================
   FEATURED
========================================================== */

.lc-oq-featured {

    display: grid;

    grid-template-columns:
        minmax(300px, .82fr)
        minmax(420px, 1.18fr);

    align-items: center;

    gap:
        clamp(55px, 7vw, 100px);

    max-width: 1050px;

    margin: auto;

}


/* ==========================================================
   FLYER
========================================================== */

.lc-oq-visual {

    position: relative;

    width: 100%;

    max-width: 405px;

    margin: auto;

}


.lc-oq-frame {

    position: relative;

    padding: 8px;

    border:

        1px solid
        rgba(232,34,40,.38);

    background:

        linear-gradient(

            145deg,

            rgba(255,255,255,.045),

            rgba(125,3,8,.05)

        );

    box-shadow:

        0 35px 90px
        rgba(0,0,0,.70),

        0 0 42px
        rgba(210,7,14,.08);

    transform:

        perspective(1300px)

        rotateY(4deg)

        rotateX(1deg);

    transition:
        transform .7s ease,
        box-shadow .7s ease;

}


.lc-oq-frame:hover {

    transform:

        perspective(1300px)

        rotateY(0)

        rotateX(0)

        translateY(-7px);

    box-shadow:

        0 45px 100px
        rgba(0,0,0,.80),

        0 0 55px
        rgba(232,16,23,.15);

}


.lc-oq-flyer {

    position: relative;

    z-index: 2;

    display: block;

    width: 100%;

    height: auto;

}


.lc-oq-frame-glow {

    position: absolute;

    z-index: -1;

    inset: 8%;

    background:
        rgba(229,8,15,.33);

    filter:
        blur(65px);

}


.lc-oq-frame-line {

    position: absolute;

    z-index: 4;

    left: -1px;

    top: 12%;

    width: 1px;

    height: 76%;

    background:

        linear-gradient(

            180deg,

            transparent,

            #ff242b,

            transparent

        );

}


.lc-oq-badge {

    position: absolute;

    z-index: 6;

    left: -18px;

    bottom: -17px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        11px
        16px;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .18em;

    color: #ff676b;

    border:

        1px solid
        rgba(232,30,36,.35);

    background:
        rgba(3,3,3,.92);

    backdrop-filter:
        blur(11px);

}


.lc-oq-badge span {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        #ff2128;

    box-shadow:

        0 0 8px #ff1a21,

        0 0 22px
        rgba(255,24,32,.65);

}


/* ==========================================================
   EVENT INFO
========================================================== */

.lc-oq-info {

    min-width: 0;

}


.lc-oq-presenta {

    display: block;

    margin-bottom: 8px;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: .25em;

    color:
        rgba(255,255,255,.44);

}


.lc-oq-date-top {

    margin-bottom: 14px;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .22em;

    color:
        #ff363d;

}


.lc-oq-info h3 {

    width: 100%;

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(50px, 6vw, 83px);

    line-height: .76;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-oq-info h3 > span {

    display: block;

    color: #fff;

}


.lc-oq-info h3 strong {

    display: block;

    margin-top: 12px;

    font-weight: 600;

}


.lc-oq-tagline {

    margin-top: 21px;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;

    color:
        rgba(255,255,255,.69);

}


/* ==========================================================
   HIGHLIGHTS
========================================================== */

.lc-oq-highlights {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 8px;

    margin-top: 28px;

}


.lc-oq-highlights > div {

    min-height: 86px;

    padding:
        14px
        12px;

    display: flex;

    align-items: center;

    gap: 11px;

    border:

        1px solid
        rgba(255,255,255,.065);

    background:
        rgba(255,255,255,.018);

}


.lc-oq-highlights > div > span {

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 18px;

    color:
        rgba(255,36,43,.52);

}


.lc-oq-highlights p {

    margin: 0;

    display: flex;

    flex-direction: column;

    gap: 5px;

}


.lc-oq-highlights small {

    font-family: "Montserrat", sans-serif;

    font-size: 6px;

    font-weight: 600;

    letter-spacing: .15em;

    color:
        rgba(255,255,255,.39);

}


.lc-oq-highlights strong {

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    color:
        #ff4b51;

}


/* ==========================================================
   LINE
========================================================== */

.lc-oq-line {

    width: 100%;

    height: 1px;

    margin:
        27px
        0;

    background:

        linear-gradient(

            90deg,

            rgba(239,24,31,.55),

            rgba(239,24,31,.08),

            transparent

        );

}


/* ==========================================================
   DATE
========================================================== */

.lc-oq-date {

    display: flex;

    align-items: center;

    gap: 16px;

}


.lc-oq-date-number {

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 64px;

    line-height: .75;

    font-weight: 500;

    color:
        #ee171e;

    text-shadow:

        0 0 15px
        rgba(231,18,25,.25);

}


.lc-oq-date-copy {

    display: flex;

    flex-direction: column;

    gap: 6px;

}


.lc-oq-date-copy span {

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .22em;

}


.lc-oq-date-copy strong {

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 400;

    letter-spacing: .15em;

    color:
        rgba(255,255,255,.51);

}


/* ==========================================================
   LINEUP
========================================================== */

.lc-oq-lineup {

    margin-top: 27px;

    display: flex;

    flex-direction: column;

    gap: 7px;

}


.lc-oq-lineup span {

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .21em;

    color: #c70d13;

}


.lc-oq-lineup strong {

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    font-weight: 500;

    color:
        rgba(255,255,255,.85);

}


/* ==========================================================
   BUTTONS
========================================================== */

.lc-oq-actions {

    display: flex;

    gap: 10px;

    margin-top: 30px;

}


.lc-oq-btn {

    min-height: 52px;

    padding:
        13px
        21px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    text-decoration: none;

    border-radius: 3px;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}


.lc-oq-btn:hover {

    transform:
        translateY(-3px);

}


.lc-oq-btn svg {

    width: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

}


.lc-oq-btn-red {

    color: #fff;

    border:

        1px solid
        rgba(255,88,94,.65);

    background:

        linear-gradient(

            135deg,

            #5d0206,

            #ae070d 28%,

            #f21820 52%,

            #96060b 76%,

            #530104

        );

    box-shadow:

        0 14px 36px
        rgba(208,8,15,.20),

        inset
        0 1px 0
        rgba(255,255,255,.20);

}


.lc-oq-btn-red:hover {

    box-shadow:

        0 16px 40px
        rgba(237,13,21,.30),

        0 0 25px
        rgba(255,23,31,.16);

}


.lc-oq-btn-outline {

    color: #ff454b;

    border:

        1px solid
        rgba(229,25,32,.34);

    background:
        rgba(3,3,3,.42);

}


/* ==========================================================
   DIVIDER
========================================================== */

.lc-oq-divider {

    width: min(450px, 80%);

    margin:
        110px
        auto
        95px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.lc-oq-divider span {

    width: 50%;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(235,26,33,.52)

        );

}


.lc-oq-divider span:last-child {

    transform:
        scaleX(-1);

}


.lc-oq-divider i {

    width: 7px;
    height: 7px;

    margin:
        0
        15px;

    transform:
        rotate(45deg);

    background:
        #f11a21;

    box-shadow:

        0 0 9px
        rgba(250,29,36,.85),

        0 0 22px
        rgba(225,15,22,.50);

}


/* ==========================================================
   SECTION TITLE
========================================================== */

.lc-oq-section-title {

    text-align: center;

}


.lc-oq-mini {

    display: block;

    margin-bottom: 12px;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .23em;

    color:
        #d2181e;

}


.lc-oq-section-title h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(39px, 4.5vw, 63px);

    line-height: .87;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-oq-section-title h2 strong {

    display: block;

    font-weight: 600;

}


.lc-oq-section-title > p {

    max-width: 650px;

    margin:
        20px
        auto
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    line-height: 1.75;

    font-weight: 300;

    color:
        rgba(255,255,255,.57);

}


/* ==========================================================
   SONG GRID
========================================================== */

.lc-oq-song-grid {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;

    max-width: 950px;

    margin:
        44px
        auto
        0;

}


.lc-oq-song {

    min-height: 72px;

    padding:
        17px
        20px;

    display: flex;

    align-items: center;

    gap: 18px;

    border:

        1px solid
        rgba(255,255,255,.07);

    background:

        linear-gradient(

            120deg,

            rgba(255,255,255,.025),

            rgba(156,3,9,.025)

        );

    transition:

        transform .35s ease,

        border-color .35s ease,

        background .35s ease;

}


.lc-oq-song:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(234,24,31,.28);

}


.lc-oq-song > span {

    flex: 0 0 25px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 18px;

    color:
        rgba(238,25,32,.57);

}


.lc-oq-song strong {

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 500;

    color:
        rgba(255,255,255,.80);

}


.lc-oq-song > div {

    display: flex;

    flex-direction: column;

    gap: 5px;

}


.lc-oq-song small {

    font-family: "Montserrat", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: .15em;

    color:
        #cd141a;

}


.lc-oq-song-featured {

    border-color:
        rgba(231,24,31,.20);

    background:

        linear-gradient(

            120deg,

            rgba(197,8,14,.10),

            rgba(255,255,255,.018)

        );

}


/* ==========================================================
   EXPERIENCE
========================================================== */

.lc-oq-experience {

    margin-top: 105px;

}


.lc-oq-cards {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 10px;

    margin-top: 45px;

}


.lc-oq-card {

    position: relative;

    min-height: 240px;

    padding:
        31px
        21px;

    text-align: center;

    border:

        1px solid
        rgba(255,255,255,.07);

    background:

        linear-gradient(

            145deg,

            rgba(255,255,255,.026),

            rgba(255,255,255,.005)

        );

    transition:

        transform .4s ease,

        border-color .4s ease;

}


.lc-oq-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(233,25,32,.29);

}


.lc-oq-card-red {

    border-color:
        rgba(226,20,27,.30);

    background:

        linear-gradient(

            145deg,

            rgba(161,5,11,.13),

            rgba(255,255,255,.006)

        );

}


.lc-oq-card-number {

    position: absolute;

    top: 15px;

    right: 16px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 15px;

    color:
        rgba(236,28,35,.38);

}


.lc-oq-card-icon {

    width: 50px;

    height: 50px;

    margin:
        0
        auto
        19px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border:

        1px solid
        rgba(230,24,31,.28);

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color:
        #ed242b;

}


.lc-oq-card h3 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 25px;

    font-weight: 500;

}


.lc-oq-card p {

    margin:
        12px
        0
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    line-height: 1.7;

    color:
        rgba(255,255,255,.51);

}


/* ==========================================================
   PREVENTA
========================================================== */

.lc-oq-preventa {

    position: relative;

    overflow: hidden;

    max-width: 950px;

    margin:
        105px
        auto
        0;

    padding:
        42px
        45px;

    display: grid;

    grid-template-columns:
        1fr
        auto;

    align-items: center;

    gap: 45px;

    border:

        1px solid
        rgba(230,24,31,.24);

    background:

        linear-gradient(

            125deg,

            rgba(169,4,10,.14),

            rgba(255,255,255,.012),

            rgba(75,1,4,.09)

        );

}


.lc-oq-preventa-glow {

    position: absolute;

    left: -180px;

    top: -200px;

    width: 480px;

    height: 480px;

    border-radius: 50%;

    background:
        rgba(221,10,17,.14);

    filter:
        blur(75px);

}


.lc-oq-preventa-copy {

    position: relative;

}


.lc-oq-preventa-copy > span {

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .23em;

    color:
        #d71b21;

}


.lc-oq-preventa-copy h2 {

    margin:
        9px
        0
        0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(38px, 4vw, 58px);

    line-height: .84;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-oq-preventa-copy h2 strong {

    display: block;

    color:
        #ef1b22;

    font-weight: 600;

}


.lc-oq-preventa-copy p {

    max-width: 450px;

    margin:
        17px
        0
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    line-height: 1.7;

    color:
        rgba(255,255,255,.52);

}


.lc-oq-preventa-action {

    position: relative;

    min-width: 250px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}


.lc-oq-preventa-action > span {

    font-family: "Montserrat", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: .18em;

    color:
        rgba(255,255,255,.42);

}


.lc-oq-preventa-action > strong {

    margin-top: 5px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 32px;

    font-weight: 500;

    color: #fff;

}


.lc-oq-preventa-action a {

    margin-top: 13px;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .10em;

    color:
        #f12a31;

}


/* ==========================================================
   LOCATION
========================================================== */

.lc-oq-location {

    max-width: 950px;

    margin:
        15px
        auto
        0;

    padding:
        20px
        24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    border:

        1px solid
        rgba(255,255,255,.06);

    background:
        rgba(0,0,0,.38);

}


.lc-oq-location > div:first-child {

    display: flex;

    flex-direction: column;

    gap: 5px;

}


.lc-oq-location span {

    font-family: "Montserrat", sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: .18em;

    color:
        #c81016;

}


.lc-oq-location strong {

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 500;

    color:
        rgba(255,255,255,.72);

}


.lc-oq-location small {

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    color:
        rgba(255,255,255,.42);

}


.lc-oq-location-web {

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;

    color:
        rgba(255,255,255,.64);

}


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

.lc-oq-final {

    position: relative;

    overflow: hidden;

    max-width: 900px;

    margin:
        105px
        auto
        0;

    padding:
        62px
        30px;

    text-align: center;

    border:

        1px solid
        rgba(234,25,32,.22);

    background:

        linear-gradient(

            145deg,

            rgba(162,4,10,.13),

            rgba(3,3,3,.78),

            rgba(115,2,7,.08)

        );

}


.lc-oq-final-glow {

    position: absolute;

    left: 50%;

    bottom: -260px;

    width: 680px;

    height: 420px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        rgba(226,11,18,.18);

    filter:
        blur(78px);

}


.lc-oq-final h2 {

    position: relative;

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(43px, 5.3vw, 72px);

    line-height: .86;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-oq-final h2 strong {

    display: block;

    margin-top: 6px;

    font-weight: 600;

}


.lc-oq-final > p {

    position: relative;

    max-width: 600px;

    margin:
        20px
        auto
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    line-height: 1.75;

    color:
        rgba(255,255,255,.58);

}


.lc-oq-final-tagline {

    position: relative;

    margin-top: 20px;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .25em;

    color:
        #da1a20;

}


.lc-oq-final > a {

    position: relative;

    width: fit-content;

    min-height: 60px;

    margin:
        29px
        auto
        0;

    padding:
        10px
        24px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    text-decoration: none;

    color: #fff;

    background:

        linear-gradient(

            135deg,

            #570104,

            #aa070c 28%,

            #ed151c 51%,

            #93060a 77%,

            #4b0103

        );

    border:

        1px solid
        rgba(255,89,94,.58);

    box-shadow:

        0 15px 40px
        rgba(200,6,13,.20),

        inset
        0 1px 0
        rgba(255,255,255,.18);

}


.lc-oq-whatsapp {

    width: 25px;

    height: 25px;

}


.lc-oq-whatsapp svg {

    width: 100%;

    height: 100%;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

}


.lc-oq-final > a > span:last-child {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 600;

}


.lc-oq-final > a small {

    margin-bottom: 3px;

    font-size: 7px;

    letter-spacing: .17em;

    opacity: .65;

}


/* ==========================================================
   WAVE
========================================================== */

.lc-oq-wave {

    position: absolute;

    z-index: 1;

    left: -10%;

    top: 45px;

    width: 120%;

    height: 180px;

    opacity: .085;

    pointer-events: none;

}


.lc-oq-wave svg {

    width: 100%;

    height: 100%;

}


.lc-oq-wave path {

    fill: none;

    stroke:
        #ef171e;

    stroke-width: 1.2;

    stroke-dasharray:
        6 12;

    animation:
        lcOqWave
        20s
        linear
        infinite;

}


@keyframes lcOqWave {

    to {

        stroke-dashoffset: -350;

    }

}


/* ==========================================================
   PARTICLES
========================================================== */

.lc-oq-particles {

    position: absolute;

    inset: 0;

    z-index: 4;

    pointer-events: none;

    overflow: hidden;

}


.lc-oq-particles span {

    position: absolute;

    bottom: -15px;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background:
        #ff252c;

    opacity: 0;

    box-shadow:

        0 0 7px
        rgba(255,58,64,.95),

        0 0 18px
        rgba(217,10,17,.72);

    animation:
        lcOqParticle
        linear
        infinite;

}


.lc-oq-particles span:nth-child(4n) {

    width: 5px;

    height: 5px;

    background:

        radial-gradient(

            circle,

            #fff,

            #ff7478 30%,

            #e01118 70%

        );

}


.lc-oq-particles span:nth-child(1)  {left:4%; animation-duration:15s; animation-delay:1s;}
.lc-oq-particles span:nth-child(2)  {left:9%; animation-duration:19s; animation-delay:6s;}
.lc-oq-particles span:nth-child(3)  {left:14%; animation-duration:13s; animation-delay:3s;}
.lc-oq-particles span:nth-child(4)  {left:19%; animation-duration:18s; animation-delay:9s;}
.lc-oq-particles span:nth-child(5)  {left:24%; animation-duration:14s; animation-delay:2s;}
.lc-oq-particles span:nth-child(6)  {left:29%; animation-duration:20s; animation-delay:7s;}
.lc-oq-particles span:nth-child(7)  {left:34%; animation-duration:15s; animation-delay:4s;}
.lc-oq-particles span:nth-child(8)  {left:39%; animation-duration:19s; animation-delay:1s;}
.lc-oq-particles span:nth-child(9)  {left:44%; animation-duration:16s; animation-delay:8s;}
.lc-oq-particles span:nth-child(10) {left:49%; animation-duration:20s; animation-delay:5s;}
.lc-oq-particles span:nth-child(11) {left:54%; animation-duration:14s; animation-delay:10s;}
.lc-oq-particles span:nth-child(12) {left:59%; animation-duration:18s; animation-delay:2s;}
.lc-oq-particles span:nth-child(13) {left:64%; animation-duration:15s; animation-delay:7s;}
.lc-oq-particles span:nth-child(14) {left:69%; animation-duration:21s; animation-delay:4s;}
.lc-oq-particles span:nth-child(15) {left:74%; animation-duration:14s; animation-delay:8s;}
.lc-oq-particles span:nth-child(16) {left:79%; animation-duration:19s; animation-delay:1s;}
.lc-oq-particles span:nth-child(17) {left:84%; animation-duration:16s; animation-delay:6s;}
.lc-oq-particles span:nth-child(18) {left:89%; animation-duration:20s; animation-delay:10s;}
.lc-oq-particles span:nth-child(19) {left:94%; animation-duration:15s; animation-delay:3s;}
.lc-oq-particles span:nth-child(20) {left:97%; animation-duration:18s; animation-delay:9s;}
.lc-oq-particles span:nth-child(21) {left:26%; animation-duration:22s; animation-delay:11s;}
.lc-oq-particles span:nth-child(22) {left:52%; animation-duration:21s; animation-delay:12s;}
.lc-oq-particles span:nth-child(23) {left:70%; animation-duration:23s; animation-delay:10s;}
.lc-oq-particles span:nth-child(24) {left:87%; animation-duration:22s; animation-delay:12s;}


@keyframes lcOqParticle {

    0% {

        opacity: 0;

        transform:

            translateY(0)

            translateX(0)

            scale(.3);

    }


    12% {

        opacity: .75;

    }


    45% {

        opacity: 1;

        transform:

            translateY(-50vh)

            translateX(17px)

            scale(1);

    }


    80% {

        opacity: .32;

    }


    100% {

        opacity: 0;

        transform:

            translateY(-110vh)

            translateX(-12px)

            scale(.4);

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .lc-oq-cards {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .lc-oq-highlights {

        grid-template-columns: 1fr;

    }

}


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

@media (max-width: 700px) {

    .lc-oq-event {

        max-width: 100vw;

        overflow-x: hidden;

        padding:
            78px
            18px
            90px;

    }


    /* VIDEO */

    .lc-oq-video {

        transform:

            translate(-50%, -50%)

            scale(1.15);

    }


    /* HEADER */

    .lc-oq-header {

        margin-bottom: 55px;

    }


    .lc-oq-eyebrow {

        gap: 8px;

    }


    .lc-oq-eyebrow p {

        font-size: 7.5px;

        line-height: 1.5;

        letter-spacing: .14em;

    }


    .lc-oq-eyebrow span {

        width: 16px;

        flex: 0 0 16px;

    }


    .lc-oq-header h2 {

        font-size:
            clamp(30px, 9vw, 40px);

        line-height: .93;

    }


    .lc-oq-header h2 strong {

        margin-top: 7px;

        font-size:
            clamp(36px, 10.3vw, 46px);

        line-height: .92;

    }


    .lc-oq-intro {

        max-width: 350px;

        font-size: 12px;

    }


    /* FEATURED */

    .lc-oq-featured {

        display: flex;

        flex-direction: column;

        gap: 55px;

    }


    /* FLYER */

    .lc-oq-visual {

        width:
            calc(100% - 10px);

        max-width: 330px;

    }


    .lc-oq-frame {

        padding: 6px;

        transform: none;

    }


    .lc-oq-frame:hover {

        transform:
            translateY(-4px);

    }


    .lc-oq-badge {

        left: 50%;

        bottom: -18px;

        transform:
            translateX(-50%);

        max-width:
            calc(100% - 20px);

        white-space: nowrap;

        font-size: 7px;

    }


    /* INFO */

    .lc-oq-info {

        width: 100%;

        text-align: center;

    }


    .lc-oq-presenta {

        font-size: 7px;

    }


    .lc-oq-date-top {

        font-size: 9px;

        letter-spacing: .17em;

    }


    .lc-oq-info h3 {

        width: 100%;

        font-size:
            clamp(40px, 11vw, 50px);

        line-height: .81;

        letter-spacing: -.02em;

    }


    .lc-oq-info h3 strong {

        margin-top: 10px;

        font-size: .92em;

    }


    .lc-oq-tagline {

        max-width: 330px;

        margin:
            20px
            auto
            0;

        font-size: 8.5px;

        line-height: 1.5;

    }


    /* HIGHLIGHTS */

    .lc-oq-highlights {

        grid-template-columns: 1fr;

        max-width: 350px;

        margin:
            27px
            auto
            0;

    }


    .lc-oq-highlights > div {

        min-height: 72px;

        text-align: left;

    }


    .lc-oq-highlights small {

        font-size: 7px;

    }


    .lc-oq-highlights strong {

        font-size: 10px;

    }


    /* LINE */

    .lc-oq-line {

        width: 92%;

        margin:
            29px
            auto;

        background:

            linear-gradient(

                90deg,

                transparent,

                rgba(239,24,31,.54),

                transparent

            );

    }


    /* DATE */

    .lc-oq-date {

        width: fit-content;

        margin:
            0
            auto;

    }


    .lc-oq-date-number {

        font-size: 51px;

    }


    .lc-oq-date-copy {

        text-align: left;

    }


    .lc-oq-date-copy span {

        font-size: 10px;

    }


    .lc-oq-date-copy strong {

        font-size: 8px;

    }


    /* LINEUP */

    .lc-oq-lineup {

        align-items: center;

    }


    .lc-oq-lineup span {

        font-size: 7.5px;

    }


    .lc-oq-lineup strong {

        font-size: 12px;

    }


    /* BUTTONS */

    .lc-oq-actions {

        width: 100%;

        max-width: 350px;

        margin:
            28px
            auto
            0;

        flex-direction: column;

    }


    .lc-oq-btn {

        width: 100%;

        min-height: 52px;

        font-size: 9px;

    }


    /* DIVIDER */

    .lc-oq-divider {

        margin:
            80px
            auto
            70px;

    }


    /* SECTION TITLES */

    .lc-oq-mini {

        font-size: 8px;

        line-height: 1.5;

        letter-spacing: .18em;

    }


    .lc-oq-section-title h2 {

        font-size:
            clamp(32px, 9.5vw, 43px);

    }


    .lc-oq-section-title > p {

        max-width: 350px;

        font-size: 11px;

    }


    /* SONGS */

    .lc-oq-song-grid {

        grid-template-columns: 1fr;

        width: 100%;

        max-width: 370px;

        margin:
            35px
            auto
            0;

    }


    .lc-oq-song {

        min-height: 68px;

        padding:
            16px
            18px;

    }


    .lc-oq-song strong {

        font-size: 10px;

    }


    /* EXPERIENCE */

    .lc-oq-experience {

        margin-top: 80px;

    }


    .lc-oq-cards {

        grid-template-columns: 1fr;

        max-width: 370px;

        margin:
            35px
            auto
            0;

    }


    .lc-oq-card {

        min-height: 210px;

    }


    /* PREVENTA */

    .lc-oq-preventa {

        max-width: 390px;

        margin:
            80px
            auto
            0;

        padding:
            37px
            22px;

        grid-template-columns: 1fr;

        gap: 30px;

        text-align: center;

    }


    .lc-oq-preventa-copy h2 {

        font-size:
            clamp(35px, 10vw, 46px);

    }


    .lc-oq-preventa-copy p {

        margin:
            17px
            auto
            0;

    }


    .lc-oq-preventa-action {

        align-items: center;

        min-width: 0;

    }


    /* LOCATION */

    .lc-oq-location {

        max-width: 390px;

        padding:
            19px
            18px;

        flex-direction: column;

        text-align: center;

    }


    .lc-oq-location > div:first-child {

        align-items: center;

    }


    /* FINAL */

    .lc-oq-final {

        width: 100%;

        margin-top: 80px;

        padding:
            45px
            20px;

    }


    .lc-oq-final h2 {

        font-size:
            clamp(36px, 10.5vw, 48px);

    }


    .lc-oq-final > p {

        font-size: 11px;

    }


    .lc-oq-final-tagline {

        font-size: 7px;

        line-height: 1.6;

    }


    .lc-oq-final > a {

        width: 100%;

        max-width: 340px;

    }


    .lc-oq-final > a > span:last-child {

        font-size: 10px;

    }


    /* WAVE */

    .lc-oq-wave {

        left: -40%;

        width: 180%;

    }


    /* BEAMS */

    .lc-oq-red-beam {

        opacity: .28;

    }

}


/* ==========================================================
   MÓVILES ESTRECHOS
========================================================== */

@media (max-width: 430px) {

    .lc-oq-info h3 {

        font-size:
            clamp(38px, 10.7vw, 46px);

    }


    .lc-oq-info h3 strong {

        font-size: .90em;

    }

}


/* ==========================================================
   MÓVILES PEQUEÑOS
========================================================== */

@media (max-width: 380px) {

    .lc-oq-event {

        padding-left: 15px;

        padding-right: 15px;

    }


    .lc-oq-visual {

        max-width: 290px;

    }


    .lc-oq-info h3 {

        font-size: 37px;

    }


    .lc-oq-info h3 strong {

        font-size: .89em;

    }


    .lc-oq-date-number {

        font-size: 46px;

    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .lc-oq-wave path,
    .lc-oq-particles span {

        animation: none !important;

    }


    .lc-oq-frame {

        transform: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be9477c *//* ==========================================================
   LA CATEDRAL
   BIO OFICIAL
   SECCIÓN 03 — FAQ + CONTACTO + MAPA + FOOTER
========================================================== */

.lc-contact-section {

    --gold: #d99a20;
    --gold-light: #ffd979;
    --gold-bright: #fff0b5;
    --gold-dark: #8e540c;

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    padding:
        110px
        28px
        0;

    background: #020202;

    color: #fff;

}


.lc-contact-section,
.lc-contact-section * {

    box-sizing: border-box;

}


/* ==========================================================
   FONDO
========================================================== */

.lc-contact-bg {

    position: absolute;

    inset: 0;

    z-index: -10;

    background-image:
        url("http://lacatedralbar.com/wp-content/uploads/2026/08/Pared_luces-y-plantas.png");

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

    opacity: .22;

}


.lc-contact-overlay {

    position: absolute;

    inset: 0;

    z-index: -9;

    background:

        linear-gradient(

            180deg,

            rgba(0,0,0,.90) 0%,

            rgba(0,0,0,.96) 25%,

            rgba(0,0,0,.98) 55%,

            #020202 100%

        );

}


.lc-contact-vignette {

    position: absolute;

    inset: 0;

    z-index: -8;

    pointer-events: none;

    background:

        radial-gradient(

            ellipse at center,

            transparent 25%,

            rgba(0,0,0,.25) 60%,

            rgba(0,0,0,.75) 125%

        );

}


/* ==========================================================
   GLOW
========================================================== */

.lc-contact-glow {

    position: absolute;

    z-index: -7;

    width: 650px;
    height: 650px;

    border-radius: 50%;

    pointer-events: none;

    background:

        radial-gradient(

            circle,

            rgba(219,151,29,.13),

            rgba(139,75,7,.04) 40%,

            transparent 72%

        );

    filter: blur(40px);

}


.lc-contact-glow-left {

    left: -350px;

    top: 150px;

}


.lc-contact-glow-right {

    right: -350px;

    top: 900px;

}


/* ==========================================================
   CONTENEDOR
========================================================== */

.lc-contact-container {

    position: relative;

    z-index: 10;

    width: min(1180px, 100%);

    margin: 0 auto;

}


/* ==========================================================
   FAQ
========================================================== */

.lc-general-faq {

    display: grid;

    grid-template-columns:
        minmax(360px, .88fr)
        minmax(440px, 1.12fr);

    gap:
        clamp(45px, 6vw, 80px);

    max-width: 1100px;

    margin: 0 auto;

}


/* ==========================================================
   FAQ HEADER
========================================================== */

.lc-general-faq-header {

    padding-top: 10px;

    min-width: 0;

}


.lc-contact-eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

}


/* AUMENTADO */

.lc-contact-eyebrow p {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .24em;

    color: #b27a1b;

}


.lc-contact-eyebrow span {

    width: 28px;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(216,153,34,.72)

        );

}


.lc-contact-eyebrow span:last-child {

    transform: scaleX(-1);

}


/* ==========================================================
   TITULO FAQ
========================================================== */

.lc-general-faq-header h2 {

    width: 100%;

    max-width: 100%;

    margin: 0;

    overflow: visible;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(37px, 3.8vw, 56px);

    line-height: .84;

    font-weight: 400;

    letter-spacing: -.015em;

    text-transform: uppercase;

}


.lc-general-faq-header h2 strong {

    display: block;

    width: 100%;

    margin-top: 5px;

    font-size: .94em;

    line-height: .92;

    letter-spacing: -.025em;

    white-space: nowrap;

    font-weight: 500;

    background:

        linear-gradient(

            180deg,

            #fff2b8,

            #ffd773 25%,

            #d9961d 56%,

            #98590b 78%,

            #efb648

        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}


/* AUMENTADO */

.lc-general-faq-header > p {

    max-width: 350px;

    margin-top: 23px;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.75;

    color: rgba(255,255,255,.59);

}


/* ==========================================================
   FAQ LIST
========================================================== */

.lc-general-faq-list {

    min-width: 0;

    border-top:
        1px solid rgba(255,255,255,.08);

}


.lc-general-faq-item {

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

}


.lc-general-faq-item summary {

    min-height: 88px;

    display: grid;

    grid-template-columns:
        44px
        1fr
        32px;

    align-items: center;

    gap: 14px;

    cursor: pointer;

    list-style: none;

    user-select: none;

}


.lc-general-faq-item summary::-webkit-details-marker {

    display: none;

}


/* AUMENTADO */

.lc-general-faq-number {

    font-family: "Cormorant Garamond", serif;

    font-size: 21px;

    color: #a56e16;

}


/* MUCHO MÁS LEGIBLE */

.lc-general-faq-question {

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.55;

    letter-spacing: .01em;

    color: rgba(255,255,255,.82);

    transition: color .3s ease;

}


/* PLUS */

.lc-general-faq-plus {

    position: relative;

    width: 24px;

    height: 24px;

}


.lc-general-faq-plus::before,
.lc-general-faq-plus::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    background: #c98c24;

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

    transition:
        transform .35s ease;

}


.lc-general-faq-plus::before {

    width: 14px;

    height: 1px;

}


.lc-general-faq-plus::after {

    width: 1px;

    height: 14px;

}


.lc-general-faq-item[open]
.lc-general-faq-plus::after {

    transform:
        translate(-50%, -50%)
        rotate(90deg);

}


.lc-general-faq-item[open]
.lc-general-faq-question {

    color: #e7b452;

}


/* ==========================================================
   FAQ RESPUESTAS
========================================================== */

.lc-general-faq-answer {

    padding:
        0
        45px
        30px
        58px;

}


/* AUMENTADO IMPORTANTE */

.lc-general-faq-answer p {

    max-width: 570px;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;

    font-weight: 300;

    line-height: 1.85;

    color: rgba(255,255,255,.60);

}


.lc-general-faq-answer strong {

    color: #d9a742;

    font-weight: 500;

}


/* AUMENTADO */

.lc-general-faq-answer a {

    display: inline-block;

    margin-top: 15px;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .13em;

    color: #d9a03a;

    transition: color .3s ease;

}


.lc-general-faq-answer a:hover {

    color: #ffd66c;

}


/* ==========================================================
   DIVISOR
========================================================== */

.lc-contact-divider {

    width: min(450px, 78%);

    margin:
        110px
        auto
        95px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.lc-contact-divider span {

    width: 50%;

    height: 1px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(218,154,34,.52)

        );

}


.lc-contact-divider span:last-child {

    transform: scaleX(-1);

}


.lc-contact-divider i {

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin: 0 15px;

    transform: rotate(45deg);

    background: #dca238;

    box-shadow:
        0 0 12px rgba(216,150,27,.55);

}


/* ==========================================================
   CONTACTO INTRO
========================================================== */

.lc-contact-intro {

    text-align: center;

}


/* AUMENTADO */

.lc-contact-small {

    display: block;

    margin-bottom: 12px;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .26em;

    color: #aa7318;

}


.lc-contact-intro h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(40px, 5vw, 69px);

    line-height: .86;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-contact-intro h2 strong {

    display: block;

    margin-top: 6px;

    font-weight: 500;

    color: #dda43a;

}


/* AUMENTADO */

.lc-contact-intro > p {

    max-width: 600px;

    margin:
        19px
        auto
        0;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    line-height: 1.75;

    color: rgba(255,255,255,.58);

}


/* ==========================================================
   CONTACT CARDS
========================================================== */

.lc-contact-cards {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;

    margin-top: 45px;

}


.lc-contact-card {

    position: relative;

    min-height: 220px;

    padding:
        34px
        28px;

    text-align: center;

    border:
        1px solid rgba(255,255,255,.07);

    background:

        linear-gradient(

            145deg,

            rgba(255,255,255,.028),

            rgba(255,255,255,.006)

        );

    transition:
        transform .4s ease,
        border-color .4s ease;

}


.lc-contact-card:hover {

    transform: translateY(-6px);

    border-color:
        rgba(219,157,38,.28);

}


.lc-contact-card-featured {

    border-color:
        rgba(219,157,38,.28);

    background:

        linear-gradient(

            145deg,

            rgba(213,143,23,.10),

            rgba(255,255,255,.01)

        );

}


.lc-contact-icon {

    width: 43px;
    height: 43px;

    margin:
        0
        auto
        20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border:
        1px solid rgba(219,157,38,.30);

    color: #d49a30;

}


.lc-contact-icon svg {

    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.4;

}


/* AUMENTADO */

.lc-contact-card-label {

    display: block;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .20em;

    color: #a36d16;

}


.lc-contact-card h3 {

    margin:
        9px
        0
        10px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 27px;

    font-weight: 500;

    color: rgba(255,255,255,.88);

}


/* AUMENTADO */

.lc-contact-card p {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    line-height: 1.7;

    color: rgba(255,255,255,.55);

}


/* AUMENTADO */

.lc-contact-card > a {

    display: inline-block;

    margin-top: 7px;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .13em;

    color: #d99d32;

}


.lc-contact-social-links {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-top: 12px;

}


/* AUMENTADO */

.lc-contact-social-links a {

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .11em;

    color: #c98d29;

}


.lc-contact-social-links span {

    color: rgba(255,255,255,.25);

}


/* ==========================================================
   MAPA
========================================================== */

.lc-map-section {

    margin-top: 105px;

}


.lc-map-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 27px;

}


.lc-map-header h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(37px, 4.5vw, 61px);

    line-height: .86;

    font-weight: 400;

    text-transform: uppercase;

}


.lc-map-header h2 strong {

    display: block;

    color: #dda238;

    font-weight: 500;

}


.lc-map-address {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 7px;

    text-align: right;

}


/* AUMENTADO */

.lc-map-address span {

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .19em;

    color: #a06b15;

}


/* AUMENTADO */

.lc-map-address strong {

    font-family: "Montserrat", sans-serif;

    font-size: 11px;

    font-weight: 400;

    letter-spacing: .03em;

    color: rgba(255,255,255,.65);

}


/* ==========================================================
   MAP
========================================================== */

.lc-map-wrapper {

    position: relative;

    width: 100%;

    height: 470px;

    overflow: hidden;

    border:
        1px solid rgba(214,153,34,.20);

    background: #080808;

    box-shadow:
        0 30px 80px rgba(0,0,0,.45);

}


.lc-map-wrapper iframe {

    display: block;

    width: 100%;
    height: 100%;

    border: 0;

    filter:
        saturate(.72)
        contrast(1.06)
        brightness(.80);

}


.lc-map-line {

    position: absolute;

    z-index: 4;

    left: 10%;

    width: 80%;

    height: 1px;

    pointer-events: none;

    background:

        linear-gradient(

            90deg,

            transparent,

            #c58b26,

            transparent

        );

}


.lc-map-line-top {

    top: 0;

}


.lc-map-line-bottom {

    bottom: 0;

}


/* ==========================================================
   CIERRE
========================================================== */

.lc-contact-final {

    position: relative;

    overflow: hidden;

    max-width: 950px;

    margin:
        120px
        auto
        110px;

    padding:
        70px
        30px;

    text-align: center;

    border:
        1px solid rgba(218,156,38,.17);

    background:

        linear-gradient(

            145deg,

            rgba(210,139,19,.075),

            rgba(255,255,255,.01),

            rgba(109,60,5,.05)

        );

}


.lc-contact-final-glow {

    position: absolute;

    left: 50%;
    bottom: -290px;

    transform:
        translateX(-50%);

    width: 700px;
    height: 500px;

    border-radius: 50%;

    background:
        rgba(215,144,24,.14);

    filter: blur(80px);

}


.lc-contact-final-brand {

    position: relative;

    display: inline-block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(48px, 6vw, 83px);

    line-height: .84;

    font-weight: 500;

    letter-spacing: .02em;

    background:

        linear-gradient(

            180deg,

            #fff4bf,

            #ffda77 21%,

            #dc9a24 52%,

            #9b5b0b 72%,

            #f1b847

        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}


/* AUMENTADO */

.lc-contact-final-subtitle {

    position: relative;

    margin-top: 11px;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: .48em;

    color: #c9902b;

}


.lc-contact-final-subtitle span {

    color: #f0bd51;

}


.lc-contact-final h3 {

    position: relative;

    margin:
        31px
        0
        0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(29px, 3.8vw, 48px);

    line-height: .88;

    font-weight: 400;

    color: #fff;

}


.lc-contact-final h3 strong {

    display: block;

    margin-top: 6px;

    font-weight: 500;

    color: #dca23a;

}


/* ==========================================================
   BOTONES CIERRE
========================================================== */

.lc-contact-final-actions {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-top: 31px;

}


.lc-contact-btn {

    min-width: 180px;

    min-height: 50px;

    padding:
        12px
        19px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .14em;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.lc-contact-btn:hover {

    transform: translateY(-3px);

}


.lc-contact-btn-outline {

    color: #d79c32;

    border:
        1px solid rgba(219,157,38,.35);

    background:
        rgba(4,4,4,.30);

}


.lc-contact-btn-gold {

    color: #171006;

    border:
        1px solid rgba(255,217,112,.45);

    background:

        linear-gradient(

            135deg,

            #aa690f,

            #dca139 38%,

            #ffdc80 58%,

            #ba7111

        );

}


/* ==========================================================
   FOOTER
========================================================== */

.lc-main-footer {

    position: relative;

    z-index: 20;

    margin:
        0
        -28px;

    padding:
        23px
        28px;

    border-top:
        1px solid rgba(255,255,255,.055);

    background:
        rgba(0,0,0,.72);

}


.lc-footer-inner {

    width: min(1180px, 100%);

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


/* AUMENTADO LIGERAMENTE */

.lc-footer-copy,
.lc-footer-agency {

    display: flex;

    align-items: center;

    gap: 7px;

    font-family: "Montserrat", sans-serif;

    font-size: 7px;

    font-weight: 400;

    letter-spacing: .15em;

    color: rgba(255,255,255,.30);

}


.lc-footer-copy strong {

    font-weight: 400;

    color: rgba(255,255,255,.41);

}


.lc-footer-agency a {

    text-decoration: none;

    font-weight: 600;

    color:
        rgba(220,161,48,.76);

    transition:
        color .3s ease,
        text-shadow .3s ease;

}


.lc-footer-agency a:hover {

    color: #ffd673;

    text-shadow:
        0 0 8px rgba(218,154,31,.40);

}


/* ==========================================================
   PARTÍCULAS
========================================================== */

.lc-contact-particles {

    position: absolute;

    inset: 0;

    z-index: 2;

    overflow: hidden;

    pointer-events: none;

}


.lc-contact-particles span {

    position: absolute;

    bottom: -20px;

    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: #ffd46d;

    opacity: 0;

    box-shadow:

        0 0 7px rgba(255,220,124,.9),

        0 0 17px rgba(207,132,17,.60);

    animation:
        lcContactParticle
        linear
        infinite;

}


.lc-contact-particles span:nth-child(3n) {

    width: 4px;
    height: 4px;

}


.lc-contact-particles span:nth-child(1)  { left:6%;  animation-duration:17s; animation-delay:1s; }
.lc-contact-particles span:nth-child(2)  { left:14%; animation-duration:22s; animation-delay:7s; }
.lc-contact-particles span:nth-child(3)  { left:23%; animation-duration:18s; animation-delay:3s; }
.lc-contact-particles span:nth-child(4)  { left:31%; animation-duration:24s; animation-delay:11s; }
.lc-contact-particles span:nth-child(5)  { left:39%; animation-duration:19s; animation-delay:5s; }
.lc-contact-particles span:nth-child(6)  { left:47%; animation-duration:21s; animation-delay:2s; }
.lc-contact-particles span:nth-child(7)  { left:55%; animation-duration:18s; animation-delay:9s; }
.lc-contact-particles span:nth-child(8)  { left:63%; animation-duration:23s; animation-delay:4s; }
.lc-contact-particles span:nth-child(9)  { left:71%; animation-duration:20s; animation-delay:8s; }
.lc-contact-particles span:nth-child(10) { left:79%; animation-duration:24s; animation-delay:1s; }
.lc-contact-particles span:nth-child(11) { left:87%; animation-duration:19s; animation-delay:6s; }
.lc-contact-particles span:nth-child(12) { left:94%; animation-duration:22s; animation-delay:10s; }


@keyframes lcContactParticle {

    0% {

        opacity: 0;

        transform:
            translateY(0)
            translateX(0)
            scale(.35);

    }


    12% {

        opacity: .65;

    }


    55% {

        opacity: .75;

        transform:
            translateY(-55vh)
            translateX(14px)
            scale(1);

    }


    100% {

        opacity: 0;

        transform:
            translateY(-110vh)
            translateX(-10px)
            scale(.4);

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1050px) {

    .lc-general-faq {

        grid-template-columns:
            minmax(320px, .85fr)
            minmax(390px, 1.15fr);

        gap: 45px;

    }


    .lc-general-faq-header h2 {

        font-size:
            clamp(36px, 4.4vw, 50px);

    }

}


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

@media (max-width: 700px) {

    .lc-contact-section {

        padding:
            80px
            18px
            0;

    }


    /* ======================================================
       FAQ
    ====================================================== */

    .lc-general-faq {

        display: block;

    }


    .lc-general-faq-header {

        text-align: center;

        margin-bottom: 44px;

    }


    .lc-contact-eyebrow {

        justify-content: center;

    }


    /* MÁS LEGIBLE */

    .lc-contact-eyebrow p {

        font-size: 8px;

        letter-spacing: .20em;

    }


    .lc-general-faq-header h2 {

        font-size:
            clamp(37px, 12vw, 50px);

        letter-spacing: -.02em;

    }


    .lc-general-faq-header h2 strong {

        font-size: .88em;

        white-space: normal;

    }


    /* AUMENTADO */

    .lc-general-faq-header > p {

        max-width: 340px;

        margin:
            18px
            auto
            0;

        font-size: 12px;

        line-height: 1.7;

    }


    .lc-general-faq-item summary {

        min-height: 78px;

        grid-template-columns:
            32px
            1fr
            27px;

        gap: 9px;

    }


    /* AUMENTADO */

    .lc-general-faq-number {

        font-size: 18px;

    }


    /* CAMBIO MÁS IMPORTANTE EN CELULAR */

    .lc-general-faq-question {

        font-size: 12px;

        line-height: 1.5;

    }


    .lc-general-faq-answer {

        padding:
            0
            28px
            25px
            41px;

    }


    /* ANTES ERA DEMASIADO PEQUEÑO */

    .lc-general-faq-answer p {

        font-size: 11px;

        line-height: 1.8;

    }


    .lc-general-faq-answer a {

        margin-top: 13px;

        font-size: 8.5px;

    }


    /* ======================================================
       DIVISOR
    ====================================================== */

    .lc-contact-divider {

        margin:
            80px
            auto
            70px;

    }


    /* ======================================================
       CONTACTO
    ====================================================== */

    .lc-contact-small {

        font-size: 8px;

        letter-spacing: .22em;

    }


    .lc-contact-intro h2 {

        font-size:
            clamp(36px, 11vw, 48px);

    }


    .lc-contact-intro > p {

        max-width: 340px;

        font-size: 12px;

    }


    /* ======================================================
       CARDS
    ====================================================== */

    .lc-contact-cards {

        grid-template-columns: 1fr;

        max-width: 390px;

        margin:
            36px
            auto
            0;

    }


    .lc-contact-card {

        min-height: 195px;

    }


    .lc-contact-card-label {

        font-size: 7.5px;

    }


    .lc-contact-card p {

        font-size: 10.5px;

    }


    .lc-contact-card > a {

        font-size: 8px;

    }


    .lc-contact-social-links a {

        font-size: 8px;

    }


    /* ======================================================
       MAPA
    ====================================================== */

    .lc-map-section {

        margin-top: 80px;

    }


    .lc-map-header {

        display: block;

        text-align: center;

    }


    .lc-map-address {

        margin-top: 18px;

        align-items: center;

        text-align: center;

    }


    .lc-map-address span {

        font-size: 7px;

    }


    .lc-map-address strong {

        font-size: 10px;

    }


    .lc-map-wrapper {

        height: 390px;

    }


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

    .lc-contact-final {

        margin:
            80px
            auto
            75px;

        padding:
            50px
            20px;

    }


    .lc-contact-final-brand {

        font-size:
            clamp(43px, 13vw, 57px);

    }


    .lc-contact-final-subtitle {

        font-size: 8px;

        letter-spacing: .38em;

    }


    .lc-contact-final h3 {

        font-size:
            clamp(27px, 8.5vw, 38px);

    }


    .lc-contact-final-actions {

        width: 100%;

        max-width: 350px;

        margin:
            27px
            auto
            0;

        flex-direction: column;

    }


    .lc-contact-btn {

        width: 100%;

        font-size: 9px;

    }


    /* ======================================================
       FOOTER
    ====================================================== */

    .lc-main-footer {

        margin:
            0
            -18px;

        padding:
            22px
            18px;

    }


    .lc-footer-inner {

        flex-direction: column;

        gap: 10px;

        text-align: center;

    }


    .lc-footer-copy,
    .lc-footer-agency {

        justify-content: center;

        flex-wrap: wrap;

        font-size: 6px;

        line-height: 1.5;

        letter-spacing: .13em;

    }

}


/* ==========================================================
   MÓVILES PEQUEÑOS
========================================================== */

@media (max-width: 380px) {

    .lc-general-faq-header h2 {

        font-size: 35px;

    }


    .lc-general-faq-header h2 strong {

        font-size: .86em;

    }


    .lc-general-faq-question {

        font-size: 11.5px;

    }


    .lc-general-faq-answer p {

        font-size: 10.5px;

    }


    .lc-map-wrapper {

        height: 340px;

    }


    .lc-contact-card h3 {

        font-size: 24px;

    }

}


/* ==========================================================
   ACCESIBILIDAD
========================================================== */

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

    .lc-contact-particles span {

        animation: none !important;

    }

}/* End custom CSS */