/* ========================================================================== Inmersión de Coaching con PNL – V1 – Meta · copia estática (borrador local) 1) Base heredada del tema de WordPress (OP Smart Theme / Bootstrap 3): en el original estas reglas están en el de WordPress y también afectan al widget; se replican para que la copia se vea igual. 2) CSS del widget HTML original, sin cambios salvo las URLs de las imágenes del hero (ahora assets/). 3) Añadido en la copia: enlaces legales y nota de precios en el footer. ========================================================================== */ /* 1) Base heredada del tema de WordPress */ body{font-size:17px;line-height:27px;letter-spacing:-.5px} p{margin:0 0 10px;font-family:Karla,Arial,Helvetica,sans-serif} h1,h2{font-family:Poppins,Verdana,Geneva,sans-serif} h1{margin:9px auto 8px} h2{margin:46px auto 10px} .container{padding-right:15px;padding-left:15px} .btn{text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;-webkit-user-select:none;user-select:none} /* 2) CSS del widget original */ :root{--bg:#0b0b0d;--navy-1:#16283a;--navy-2:#0e1c2b;--navy-3:#081119;--black:#08090b;--white:#ffffff;--off-white:#efefef;--paper:#f7f6f3;--paper-2:#eceae4;--text:#161616;--gold-light:#e8c468;--gold:#d8ad42;--gold-dark:#b08526;--gold-label:#8a6a1e;--cyan:#68b8c3;--container:1120px} *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--off-white);font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} a{color:inherit;text-decoration:none} p{text-wrap:pretty} img{display:block;max-width:100%} .page{width:100%;overflow-x:hidden;background:var(--bg)} .container{width:min(100% - 56px, var(--container));margin-inline:auto} .topbar{position:sticky;top:0;z-index:60;background:rgb(9 14 20 / .86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgb(216 173 66 / .22)} .topbar__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px} .brand{display:inline-flex;align-items:baseline;gap:9px;white-space:nowrap} .brand__name{font-size:13px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--off-white)} .brand__surname{font-family:"Quentin","Allura","Brush Script MT",cursive;font-size:34px;font-weight:400;font-style:normal;letter-spacing:0;font-synthesis:none;color:var(--gold);line-height:1} .topbar__right{display:flex;align-items:center;gap:22px} .topbar__date{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(239 239 239 / .6);white-space:nowrap} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 45%,var(--gold-dark) 100%);color:#1d1d1d;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.05em;line-height:1.15;text-transform:uppercase;cursor:pointer;transition:background 180ms ease,filter 180ms ease,box-shadow 180ms ease} .btn:hover{color:#1d1d1d;transform:none;filter:brightness(.97);box-shadow:0 6px 18px rgb(216 173 66 / .16)} .btn:active{transform:none;filter:brightness(.93);box-shadow:0 3px 10px rgb(216 173 66 / .12)} .btn:focus-visible{outline:2px solid rgb(232 196 104 / .85);outline-offset:3px} .btn--top{padding:12px 24px;gap:9px;letter-spacing:.06em;white-space:nowrap} .btn svg{width:16px;height:16px;flex:none} .hero,.speaker{position:relative;overflow:hidden} .hero{min-height:calc(100svh - 68px);background-image:url(assets/DESKTP-edmundo-set.webp);background-size:cover;background-position:center top;background-repeat:no-repeat} .speaker{background:radial-gradient(120% 90% at 20% 18%,var(--navy-1) 0%,var(--navy-2) 46%,var(--navy-3) 100%)} .hero::before,.speaker::after{content:"";position:absolute;border-radius:50%;pointer-events:none} .hero::before{display:none} .speaker::after{right:-140px;bottom:-180px;width:640px;height:640px;background:radial-gradient(circle,rgb(216 173 66 / .12) 0%,transparent 70%)} .hero__inner{position:relative;z-index:1;min-height:calc(100svh - 68px);display:flex;align-items:center;justify-content:flex-start;padding-block:64px 72px} .hero__content{width:min(100%, 600px);min-width:0} .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:9px;color:var(--gold)} .eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.9} .eyebrow span{font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase} .eyebrow--cyan{color:var(--cyan)} .eyebrow--dark{color:var(--gold-label)} .hero h1,.journey h2,.speaker h2{text-wrap:balance} .hero h1{max-width:560px;color:var(--white);font-size:clamp(23px, 2.35vw, 30px);line-height:1.5;font-weight:600;letter-spacing:-.005em} .accent{color:var(--gold);font-weight:800} .hero__lead{max-width:490px;margin-top:16px;color:rgb(239 239 239 / .66);font-size:14.5px;line-height:1.62;font-weight:400} .benefits{max-width:470px;margin-top:26px} .benefits__title{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase} .benefits__title::before{content:"";width:20px;height:1px;background:rgb(104 184 195 / .7)} .benefit{display:flex;align-items:center;gap:12px;padding-block:10px;border-bottom:1px solid rgb(239 239 239 / .07)} .benefit:last-child{border-bottom:0} .benefit svg{width:12px;height:12px;flex:none;color:var(--gold)} .benefit span{color:rgb(239 239 239 / .82);font-size:14px;line-height:1.4;font-weight:500} .event-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px} .event-meta__item{color:rgb(239 239 239 / .5);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .event-meta__dot{width:3px;height:3px;border-radius:50%;background:rgb(216 173 66 / .7)} .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px} .price{display:flex;align-items:baseline;gap:9px} .price__old{color:rgb(239 239 239 / .45);font-size:13px;font-weight:600;text-decoration:line-through} .price__label{color:rgb(239 239 239 / .5);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .price__now{color:var(--white);font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1} .hero__visual{flex:0 0 auto;display:flex;justify-content:center} .hero__photo-frame{position:relative;width:min(330px, 42vh);max-width:100%;aspect-ratio:4 / 5;padding:8px;border:1px solid rgb(216 173 66 / .28);border-radius:13px;background:linear-gradient(180deg,rgb(239 239 239 / .06),rgb(239 239 239 / .01))} .image-slot{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,rgb(216 173 66 / .08),rgb(104 184 195 / .06)),#111c27} .image-slot--rounded{border-radius:8px} .image-slot img{width:100%;height:100%;object-fit:cover} .image-slot__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:rgb(255 255 255 / .44);font-size:12px;line-height:1.55;letter-spacing:.03em} .journey{background:var(--paper);color:var(--text)} .journey__inner{padding-block:88px 92px} .journey__intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 64px;align-items:start} .journey h2{color:var(--text);font-size:clamp(23px, 2.35vw, 30px);line-height:1.24;font-weight:700;letter-spacing:-.005em} .journey .accent{color:var(--gold-dark)} .journey__copy{display:flex;flex-direction:column;gap:15px;padding-top:6px} .journey__copy p,.journey__final-copy p{color:rgb(20 20 20 / .62);font-size:14.5px;line-height:1.7} .journey__copy p:last-child{color:var(--text);font-weight:600} .panorama{width:100%;aspect-ratio:21 / 8;margin-top:44px;border-radius:4px;overflow:hidden;background:var(--paper-2)} .journey .image-slot{background:linear-gradient(135deg,rgb(176 133 38 / .08),rgb(22 22 22 / .04)),var(--paper-2)} .journey .image-slot__placeholder{color:rgb(22 22 22 / .4)} .quote{display:flex;align-items:flex-start;gap:22px;margin-top:52px;padding-block:38px;border-top:1px solid rgb(20 20 20 / .14);border-bottom:1px solid rgb(20 20 20 / .14)} .quote__mark{flex:none;color:var(--gold-dark);font-family:"Quentin","Allura","Brush Script MT",cursive;font-size:72px;line-height:.7} .quote p{max-width:820px;color:var(--text);font-size:clamp(19px, 2vw, 25px);line-height:1.42;font-weight:600;letter-spacing:-.008em} .journey__final{display:block;max-width:820px;margin:56px auto 0} .journey__final-image{width:100%;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:var(--paper-2)} .journey__final-copy{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center} .journey__final-copy p{font-size:15px;line-height:1.72;color:rgb(20 20 20 / .66)} .journey__final-copy .btn{margin-top:8px} .speaker__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);align-items:center;gap:58px;padding-block:84px 88px} .speaker__visual{width:100%;min-width:0;overflow:visible} .speaker__photo{position:relative;width:min(320px, 40vh);max-width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:radial-gradient(120% 90% at 40% 30%,var(--navy-1) 0%,var(--navy-2) 60%,var(--navy-3) 100%)} .speaker__content{min-width:0} .speaker h2{max-width:560px;color:var(--white);font-size:clamp(22px, 2.2vw, 28px);line-height:1.26;font-weight:700;letter-spacing:-.005em} .speaker__copy{display:flex;flex-direction:column;gap:14px;max-width:540px;margin-top:22px} .speaker__copy p{color:rgb(239 239 239 / .68);font-size:14.5px;line-height:1.7} .speaker__highlight{max-width:540px;margin-top:24px;padding:20px 22px;border-left:2px solid var(--gold);background:rgb(216 173 66 / .07);color:var(--white);font-size:14.5px;line-height:1.6;font-weight:600} .footer{background:var(--black);border-top:1px solid rgb(239 239 239 / .08)} .footer__inner{min-height:98px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px} .footer .brand__name{font-size:12px;color:rgb(239 239 239 / .7)} .footer .brand__surname{font-size:30px} .footer__copy{color:rgb(239 239 239 / .4);font-size:12px;font-weight:500;letter-spacing:.04em} .expert-carousel-frame{position:relative;width:100%;min-width:0;overflow:hidden} .expert-carousel{position:relative;width:100%;overflow:hidden;border-radius:16px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y} .expert-carousel.is-dragging{cursor:grabbing} .expert-marquee{display:flex;align-items:stretch;width:max-content;gap:16px;transform:translate3d(0,0,0);will-change:transform} .expert-track{display:flex;align-items:stretch;gap:16px;flex-shrink:0} .expert-slide{position:relative;width:340px;min-width:340px;aspect-ratio:1080 / 1350;overflow:hidden;border-radius:16px;background:#13202b;border:1px solid rgb(216 173 66 / .28);box-shadow:0 24px 58px rgb(0 0 0 / .3)} .expert-slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-drag:none} .expert-slide::after{content:"";position:absolute;inset:auto 0 0;height:72%;background:linear-gradient(180deg,#fff0 0%,rgb(5 9 13 / .18) 26%,rgb(5 9 13 / .90) 78%,rgb(5 9 13 / .97) 100%);pointer-events:none} .expert-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:7px;padding:20px 20px 19px;color:#fff;text-shadow:0 2px 10px rgb(0 0 0 / .35)} .expert-caption strong{display:block;color:#fff;font-size:13.5px;line-height:1.24;font-weight:900;letter-spacing:.035em;text-transform:uppercase} .expert-caption p{margin:0;color:rgb(255 255 255 / .82);font-size:11.2px;line-height:1.42;font-weight:500} .expert-slide img.img-carlos-cuauhtemoc{object-position:center 18%} @media (min-width:681px) and (max-width:980px){ .speaker__inner{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(28px, 4vw, 42px)} .speaker__visual{width:100%;min-width:0} .expert-carousel-frame,.expert-carousel{position:relative;left:auto;width:100%;max-width:100%;transform:none;border-radius:16px} .expert-slide{width:min(37vw, 300px);min-width:min(37vw, 300px)} .speaker h2{font-size:clamp(21px, 2.6vw, 27px)} .speaker__copy p,.speaker__highlight{font-size:13.5px} } @media (max-width:680px){ .speaker__inner{grid-template-columns:1fr;gap:40px} .speaker__visual{width:100%} .expert-carousel-frame{position:relative;left:50%;width:100vw;max-width:100vw;transform:translateX(-50%)} .expert-carousel{width:100vw;max-width:100vw;border-radius:0} .expert-marquee,.expert-track{gap:12px} .expert-slide{width:min(72vw, 280px);min-width:min(72vw, 280px);border-radius:14px} .expert-caption{gap:6px;padding:16px 15px 15px} .expert-caption strong{font-size:12.5px} .expert-caption p{font-size:11.2px;line-height:1.38} .expert-slide::after{height:78%} .expert-slide img.img-carlos-cuauhtemoc{object-position:center 15%} } @media (max-width:900px){ .topbar__date{display:none} .hero__inner{align-items:center} .journey__intro{grid-template-columns:1fr} .journey__intro{gap:30px} } @media (max-width:680px){ .container{width:min(100% - 36px, var(--container))} .topbar__inner{min-height:62px;gap:12px} .brand__name{font-size:10px;letter-spacing:.2em} .brand__surname{font-size:27px} .btn--top{padding:11px 14px;font-size:10px;letter-spacing:.03em} .hero{min-height:auto;background-color:#000;background-image:url(assets/Mobile-edmundo-ser.webp);background-size:100% auto;background-position:center top;background-repeat:no-repeat} .hero::before{display:none} .hero__inner{min-height:0;padding-top:clamp(390px, 98vw, 470px);padding-bottom:52px;align-items:flex-start;justify-content:center} .hero__content{width:100%;max-width:520px} .hero h1{font-size:clamp(23px, 6vw, 26px);line-height:1.24} .hero__lead,.speaker__copy p,.journey__copy p,.journey__final-copy p{font-size:14px} .speaker__visual{width:100%} .journey__inner{padding-block:64px 68px} .panorama{aspect-ratio:4 / 3} .quote{gap:14px;margin-top:40px;padding-block:30px} .quote__mark{font-size:58px} .speaker__inner{padding-block:64px 68px} .cta-row,.price{align-items:flex-start} .cta-row .btn{width:100%} .footer__inner{padding-block:28px;justify-content:center;text-align:center} } @media (max-width:460px){ .topbar__inner{justify-content:center} .topbar .brand{display:none} .topbar__right,.btn--top{width:100%} .eyebrow span{letter-spacing:.16em} .event-meta{gap:9px} .event-meta__item{font-size:9px;letter-spacing:.12em} } @media (min-width:481px){ .speaker .speaker__inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:clamp(28px, 4.2vw, 58px)!important;width:min(100% - 48px, var(--container))!important;max-width:var(--container)!important;margin-left:auto!important;margin-right:auto!important} .speaker .speaker__visual{order:1!important;flex:0 1 48%!important;width:48%!important;max-width:520px!important;min-width:0!important;align-self:flex-start!important;margin:0!important;padding:0!important;overflow:hidden!important} .speaker .speaker__content{order:2!important;flex:1 1 52%!important;width:52%!important;min-width:0!important;align-self:flex-start!important;margin:0!important;padding:0!important} .speaker .expert-carousel-frame,.speaker .expert-carousel{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;border-radius:16px!important;overflow:hidden!important} .speaker .expert-marquee{margin:0!important;padding:0!important} .speaker .expert-slide{width:clamp(220px, 29vw, 340px)!important;min-width:clamp(220px, 29vw, 340px)!important} .speaker .speaker__content>.eyebrow{margin-top:0!important} .speaker .speaker__content h2{margin-top:0!important} } @media (min-width:481px) and (max-width:780px){ .speaker .speaker__inner{gap:24px!important;width:min(100% - 32px, var(--container))!important} .speaker .speaker__visual{flex-basis:46%!important;width:46%!important} .speaker .speaker__content{flex-basis:54%!important;width:54%!important} .speaker .expert-slide{width:clamp(190px, 34vw, 250px)!important;min-width:clamp(190px, 34vw, 250px)!important} .speaker h2{font-size:clamp(19px, 3vw, 24px)!important} .speaker__copy p,.speaker__highlight{font-size:12.8px!important} .speaker__highlight{padding:16px 17px!important} } @media (max-width:480px){ .speaker .speaker__inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:36px!important} .speaker .speaker__visual,.speaker .speaker__content{width:100%!important;max-width:100%!important;flex:0 0 auto!important} } @media (min-width:781px){ .speaker .speaker__inner{align-items:flex-start!important;gap:clamp(34px, 4vw, 54px)!important} .speaker .speaker__visual{flex:0 0 49%!important;width:49%!important;max-width:560px!important;overflow:hidden!important} .speaker .speaker__content{flex:1 1 51%!important;width:51%!important} .speaker .expert-carousel-frame,.speaker .expert-carousel{width:100%!important;max-width:100%!important} .speaker .expert-marquee,.speaker .expert-track{gap:18px!important} .speaker .expert-slide{width:clamp(390px, 43vw, 500px)!important;min-width:clamp(390px, 43vw, 500px)!important;aspect-ratio:4 / 5!important;border-radius:18px!important} .speaker .expert-caption{padding:24px 24px 22px!important;gap:8px!important} .speaker .expert-caption strong{font-size:14.5px!important} .speaker .expert-caption p{font-size:11.8px!important;line-height:1.45!important} } @media (min-width:781px) and (max-width:1120px){ .speaker .speaker__visual{flex-basis:48%!important;width:48%!important} .speaker .speaker__content{flex-basis:52%!important;width:52%!important} .speaker .expert-slide{width:clamp(350px, 42vw, 455px)!important;min-width:clamp(350px, 42vw, 455px)!important} } @media (min-width:481px) and (max-width:780px){ .speaker .speaker__inner{gap:22px!important} .speaker .speaker__visual{flex-basis:48%!important;width:48%!important;max-width:none!important} .speaker .speaker__content{flex-basis:52%!important;width:52%!important} .speaker .expert-slide{width:clamp(220px, 44vw, 330px)!important;min-width:clamp(220px, 44vw, 330px)!important;aspect-ratio:4 / 5!important} } @media (max-width:680px){ .topbar{display:none!important} .hero{min-height:auto!important;background-image:url(assets/Mobile-edmundo-ser.webp)!important;background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important} .hero__inner{min-height:0!important;padding-top:clamp(305px, 82vw, 360px)!important;padding-bottom:50px!important;align-items:flex-start!important} } @media (min-width:981px){ .speaker .speaker__inner{width:min(94vw, 1240px)!important;max-width:1240px!important;gap:clamp(34px, 3.5vw, 56px)!important;align-items:flex-start!important} .speaker .speaker__visual{flex:0 0 50%!important;width:50%!important;max-width:none!important;min-width:0!important;overflow:hidden!important} .speaker .speaker__content{flex:1 1 50%!important;width:50%!important;min-width:0!important} .speaker .expert-carousel-frame,.speaker .expert-carousel{width:100%!important;max-width:100%!important;min-width:0!important;height:clamp(650px, 66vw, 735px)!important;border-radius:20px!important;overflow:hidden!important} .speaker .expert-marquee,.speaker .expert-track{height:100%!important;align-items:stretch!important;gap:20px!important} .speaker .expert-slide{width:clamp(470px, 45vw, 560px)!important;min-width:clamp(470px, 45vw, 560px)!important;height:100%!important;aspect-ratio:auto!important;border-radius:20px!important} .speaker .expert-slide img{width:100%!important;height:100%!important;object-fit:cover!important} .speaker .expert-caption{padding:30px 30px 28px!important;gap:10px!important} .speaker .expert-caption strong{font-size:16px!important;line-height:1.22!important} .speaker .expert-caption p{font-size:12.8px!important;line-height:1.48!important} .speaker .expert-slide::after{height:66%!important} } @media (min-width:1280px){ .speaker .expert-carousel-frame,.speaker .expert-carousel{height:760px!important} .speaker .expert-slide{width:590px!important;min-width:590px!important} } @media (min-width:981px){ .speaker .speaker__inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:min(92vw, 1240px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;gap:clamp(42px, 4vw, 68px)!important} .speaker .speaker__visual{position:relative!important;flex:0 0 48%!important;width:48%!important;max-width:none!important;min-width:0!important;overflow:visible!important;align-self:flex-start!important;z-index:1!important} .speaker .speaker__content{position:relative!important;flex:1 1 52%!important;width:52%!important;max-width:none!important;min-width:0!important;align-self:flex-start!important;z-index:3!important} .speaker .expert-carousel-frame{position:relative!important;left:auto!important;transform:none!important;width:calc(100% + var(--speaker-left-bleed, 0px))!important;max-width:none!important;min-width:0!important;height:clamp(540px, 31vw, 600px)!important;margin-left:calc(var(--speaker-left-bleed, 0px) * -1)!important;margin-right:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} .speaker .expert-carousel{position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;margin:0!important;border-radius:0!important;overflow:hidden!important} .speaker .expert-marquee,.speaker .expert-track{height:100%!important;align-items:stretch!important;gap:18px!important} .speaker .expert-slide{width:clamp(430px, 25vw, 480px)!important;min-width:clamp(430px, 25vw, 480px)!important;height:100%!important;aspect-ratio:auto!important;border-radius:18px!important} .speaker .expert-slide img{width:100%!important;height:100%!important;object-fit:cover!important} .speaker .expert-caption{padding:24px 24px 22px!important;gap:8px!important} .speaker .expert-caption strong{font-size:15px!important;line-height:1.22!important} .speaker .expert-caption p{font-size:12px!important;line-height:1.44!important} .speaker .expert-slide::after{height:68%!important} } @media (min-width:1500px){ .speaker .speaker__inner{width:min(88vw, 1280px)!important;max-width:1280px!important} .speaker .expert-carousel-frame{height:610px!important} .speaker .expert-slide{width:485px!important;min-width:485px!important} } @media (min-width:981px){ .speaker .speaker__inner{align-items:stretch!important} .speaker .speaker__visual{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important} .speaker .expert-carousel-frame{flex:0 0 auto!important} .speaker .speaker__content{align-self:flex-start!important} } @media (min-width:981px){ .speaker .speaker__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important;column-gap:clamp(38px, 3.4vw, 58px)!important;row-gap:0!important;align-items:stretch!important} .speaker .speaker__visual,.speaker .speaker__content{flex:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin-right:0!important} .speaker .speaker__visual{grid-column:1!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;overflow:visible!important} .speaker .speaker__content{grid-column:2!important;align-self:start!important;position:relative!important;z-index:5!important} .speaker .expert-carousel-frame{width:calc(100% + var(--speaker-left-bleed, 0px))!important;max-width:none!important;min-width:0!important;margin-left:calc(var(--speaker-left-bleed, 0px) * -1)!important;margin-right:0!important;box-sizing:border-box!important;overflow:hidden!important} .speaker .expert-carousel{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important} } @media (min-width:681px){ .hero{background-image:url(assets/DESKTP-edmundo-set.webp)!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important} .hero::before{display:none!important;content:none!important} } .eyebrow{margin-bottom:9px!important} @media (max-width:680px){ .hero__inner{padding-top:clamp(305px, 82vw, 360px)!important} .hero .eyebrow{margin-bottom:7px!important} } @media (max-width:380px){ .hero__inner{padding-top:clamp(292px, 80vw, 315px)!important} } @media (max-width:680px){ .hero__content,.journey__intro,.journey__intro>div,.journey__copy,.journey__final,.journey__final-copy,.speaker__content{text-align:center!important} .eyebrow,.hero .eyebrow,.journey .eyebrow,.speaker .eyebrow,.speaker .speaker__content>.eyebrow{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:0!important;margin-right:auto!important;margin-bottom:2px!important;margin-left:auto!important;text-align:center!important} .eyebrow+h1,.eyebrow+h2,.hero .eyebrow+h1,.journey .eyebrow+h2,.speaker .eyebrow+h2{margin-top:0!important} .hero h1,.journey h2,.speaker h2{margin-left:auto!important;margin-right:auto!important;text-align:center!important} .hero__lead,.journey__copy,.journey__final-copy,.speaker__copy{margin-left:auto!important;margin-right:auto!important} .hero__lead,.journey__copy p,.journey__final-copy p,.speaker__copy p,.speaker__highlight{text-align:center!important} .speaker__copy{align-items:center!important} .benefits{margin-left:auto!important;margin-right:auto!important} .benefits__title{justify-content:center!important;text-align:center!important} .benefit{justify-content:center!important;text-align:center!important} .benefit span{text-align:center!important} .event-meta,.cta-row,.price{justify-content:center!important;text-align:center!important} .cta-row,.price{align-items:center!important} .quote{justify-content:center!important;text-align:center!important} .journey__final-copy .btn{margin-left:auto!important;margin-right:auto!important} } @media (max-width:460px){ .eyebrow,.hero .eyebrow,.journey .eyebrow,.speaker .eyebrow,.speaker .speaker__content>.eyebrow{gap:7px!important;margin-bottom:0!important} .eyebrow::before{width:22px!important} } @media (max-width:680px){ .hero h1,.journey h2,.speaker h2{font-size:clamp(23px, 6vw, 26px)!important;line-height:1.24!important;letter-spacing:-0.005em!important} } @media (max-width:680px){ .hero .benefits{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important} .hero .benefit{position:relative!important;display:block!important;width:100%!important;min-height:54px!important;padding:12px 22px 12px 22px!important;text-align:center!important} .hero .benefit svg{position:absolute!important;left:0!important;top:50%!important;width:13px!important;height:13px!important;margin:0!important;transform:translateY(-50%)!important} .hero .benefit span{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;text-align:center!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important} } @media (max-width:380px){ .hero .benefit{padding-left:19px!important;padding-right:19px!important} .hero .benefit span{font-size:13.5px!important;line-height:1.42!important} } @media (max-width:680px){ .hero__inner{padding-top:clamp(278px, 75vw, 330px)!important} .hero .benefits{width:100%!important;max-width:470px!important;margin-left:0!important;margin-right:0!important;text-align:left!important} .hero .benefits__title{width:auto!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;text-align:left!important} .hero .benefit{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:0!important;padding:10px 0!important;text-align:left!important} .hero .benefit svg{position:static!important;left:auto!important;top:auto!important;width:12px!important;height:12px!important;min-width:12px!important;flex:0 0 12px!important;margin:0!important;transform:none!important} .hero .benefit span{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important;text-wrap:pretty!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important} } @media (max-width:380px){ .hero__inner{padding-top:clamp(262px, 73vw, 292px)!important} .hero .benefit{padding:9px 0!important} } @media (max-width:680px){ .hero__inner{padding-top:clamp(220px, 60vw, 270px)!important} } @media (max-width:380px){ .hero__inner{padding-top:clamp(200px, 57vw, 228px)!important} } @media (min-width:681px){ .hero__content{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-align:left!important} .hero .eyebrow{display:flex!important;width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;gap:0!important;justify-content:flex-start!important;text-align:left!important} .hero .eyebrow::before{display:none!important;content:none!important} .hero h1,.hero__lead,.hero .benefits,.hero .event-meta,.hero .cta-row{margin-left:0!important;margin-right:0!important;padding-left:0!important;text-align:left!important} .hero h1{width:100%!important;max-width:560px!important} .hero__lead{max-width:490px!important} .hero .benefits{max-width:470px!important} } .brand__surname,.footer .brand__surname{font-family:"Quentin","Allura","Brush Script MT",cursive!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;text-transform:none!important;font-synthesis:none} /* 3) Añadido en la copia: enlaces legales + nota de precios en USD (el original no tiene legales) */ .footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-block:16px 24px;border-top:1px solid rgb(239 239 239 / .06)} .footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px} .footer__links a{padding-block:6px;color:rgb(239 239 239 / .5);font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.5;transition:color 180ms ease} .footer__links a:hover,.footer__links a:focus-visible{color:rgb(239 239 239 / .8);text-decoration:underline;text-underline-offset:3px} .footer__usd{margin:0;color:rgb(239 239 239 / .4);font-family:"Montserrat",sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.5} @media (max-width:680px){ .footer__legal{flex-direction:column;justify-content:center;gap:6px;padding-block:14px calc(24px + env(safe-area-inset-bottom));text-align:center} .footer__links{justify-content:center;gap:2px 18px} } /* Trayectoria: una ficha completa + la siguiente asomada, texto que no se corta. */ .expert-caption, .expert-caption strong, .expert-caption p{ white-space:normal!important; overflow-wrap:anywhere; word-break:break-word; max-width:100%; } .expert-caption{width:100%;box-sizing:border-box} @media (min-width:981px){ .speaker .expert-slide{ width:min(340px, 78%)!important; min-width:min(340px, 78%)!important; height:100%!important; } .speaker .expert-caption strong{font-size:14px!important} .speaker .expert-caption p{font-size:12.5px!important;line-height:1.45!important} }