@font-face{font-family:Inter;src:url('/hazte-glufer/assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/hazte-glufer/assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/hazte-glufer/assets/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/hazte-glufer/assets/inter-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#0b1223;--slate:#1e293b;--teal:#08a5ac;--mint:#72ebdd;--quiet:#657187;--line:#edf1f3;--paper:#fff;--soft:#e0faf4;--radius:12px;color-scheme:light;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}img{max-width:100%}p,h1,h2,h3,figure{margin:0}em{font-style:normal;color:var(--teal)}a:focus-visible,button:focus-visible{outline:3px solid #087f91;outline-offset:5px}a:hover{color:#087f91}.shell{max-width:1360px;width:calc(100% - 80px);margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:8px;left:12px;z-index:100;transform:translateY(-150%);background:white;padding:12px;border:2px solid var(--teal)}.skip-link:focus{transform:none}.header{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;font-size:48px;font-weight:800;letter-spacing:-3px;line-height:1}.brand>span>span{color:#22bdbe}.header nav{display:flex;align-items:center;gap:28px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:10px;background:linear-gradient(110deg,#13a9ad,#00a4af);color:#fff;padding:14px 27px;font-weight:700;text-align:center;line-height:1.25;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #069eab25}.button:active{transform:translateY(0)}.hero{display:grid;grid-template-columns:37.6% 62.4%;min-height:650px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 10px 40px 0;position:relative;z-index:1}.eyebrow{font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.025em;margin-bottom:25px}.hero h1{font-size:clamp(46px,5.1vw,77px);line-height:1.045;letter-spacing:-.062em;font-weight:800}.hero-intro{font-size:21px;line-height:1.52;letter-spacing:-.025em;margin-top:25px;max-width:400px}.primary-cta{font-size:21px;padding:20px 26px;min-height:65px;margin-top:32px;min-width:350px}.microcopy{font-size:14px;margin-top:15px;color:var(--quiet);text-align:center;width:350px}.hero-scene{position:relative;align-self:stretch;min-width:0}.crop{background-image:var(--photo-source,url('/hazte-glufer/assets/maqueta-aprobada.webp'));background-repeat:no-repeat;background-color:#eef1ef;overflow:hidden;isolation:isolate}.crop[data-source=v4]{--photo-source:url('/hazte-glufer/assets/fotografias-v4.webp')}.crop[data-source=v1]{--photo-source:url('/hazte-glufer/assets/fotografias-v1.webp')}.hero-photo{width:100%;height:100%;background-color:#f4f2ed}.hotspot{position:absolute;background:transparent;border:0;border-radius:8px}.hotspot:hover{box-shadow:0 0 0 3px #72ebddaa,0 8px 25px #07818c22}.hero-booking{left:57.3%;top:32.5%;width:38.8%;height:9.8%}.section{padding-top:36px;padding-bottom:30px;border-top:1px solid var(--line)}.section-title{font-size:clamp(32px,4.6vw,66px);letter-spacing:-.06em;font-weight:800;line-height:1.1}.section-heading{text-align:center}.section-heading>p{font-size:22px;line-height:1.4;margin-top:8px;letter-spacing:-.025em}.people-section{padding-top:36px}.people-section .section-title{font-size:clamp(31px,4.48vw,65px)}.manifesto{font-size:clamp(19px,2.1vw,30px);font-weight:700;letter-spacing:-.045em;line-height:1.35;margin-top:14px}.manifesto-explanation{font-size:clamp(17px,1.78vw,25px);line-height:1.48;letter-spacing:-.025em;max-width:1320px;margin-top:12px;color:#293b63}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.person-visual{position:relative;aspect-ratio: .88;isolation:isolate}.portrait{position:absolute;inset:0 10% 5% 0;border-radius:11px}.work-inset{position:absolute;right:0;bottom:0;width:43%;height:43%;border:6px solid #fff;border-radius:9px;box-shadow:0 5px 15px #10222a0b}.person figcaption{padding:8px 5px 0}.person h3{font-size:24px;letter-spacing:-.04em}.person figcaption p{font-size:16px;line-height:1.4;color:var(--quiet);margin-top:3px}.illustrative{text-align:center;font-size:12px;color:var(--quiet);margin-top:22px}.steps-section .section-title{margin-bottom:25px}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:49px}.step{position:relative;min-width:0}.step-heading{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.035em;margin-bottom:14px;white-space:nowrap}.step-number{width:41px;height:41px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex:none;font-size:23px;font-weight:600}.step-arrow{position:absolute;width:35px;height:35px;right:-42px;top:54%;color:var(--teal);stroke-width:2.6}.step-card{border:1px solid #e9eef1;border-radius:14px;background:#fff;box-shadow:0 4px 14px #10273709;height:337px;padding:17px;overflow:hidden}.profile-demo .step-avatar{height:203px;width:100%;border-radius:9px}.profile-demo h3{font-size:22px;letter-spacing:-.045em;margin-top:7px}.profile-demo p{font-size:13px;color:var(--quiet);margin:3px 0 8px}.service-chip{display:flex;align-items:center;gap:11px;background:#f8fafb;border:1px solid #e8edf1;border-radius:8px;min-height:39px;padding:7px 10px;font-size:14px;letter-spacing:-.03em}.service-chip .icon{width:26px;height:26px;flex:none}.content-demo{padding:0;border:0;box-shadow:none;background:transparent;display:grid;grid-template-rows:1fr 1fr;gap:9px}.content-camera{border-radius:11px}.content-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:9px}.content-thumbnails>div{position:relative;border-radius:9px}.format-icon{position:absolute;left:7px;bottom:7px;background:#091d22b8;color:#fff;width:28px;height:28px;display:grid;place-items:center;border-radius:5px}.format-icon .icon{width:21px;height:21px}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:2px solid #fff;border-radius:50%;color:#fff;background:#1720208c}.play-symbol .icon{width:25px;height:25px;fill:currentColor;stroke-width:0;margin-left:4px}.calendar-demo{display:flex;flex-direction:column;gap:12px}.calendar-service{display:flex;align-items:center;gap:11px;font-size:13px;min-height:44px}.calendar-avatar{width:45px;height:48px;border-radius:6px;flex:none}.calendar{border:1px solid #e7ecf1;border-radius:8px;padding:10px 6px;flex:1}.month{font-size:12px;text-align:center;color:var(--quiet);margin-bottom:8px}.calendar-week,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-week{color:var(--quiet);font-size:10px;margin-bottom:4px}.calendar-dates{font-size:10px;gap:2px}.calendar-dates>span{display:grid;place-items:center;min-height:20px;color:#67728a}.calendar-dates>.selected{border-radius:50%;background:var(--teal);color:white;font-weight:700;width:23px;justify-self:center}.booking-details{display:flex;justify-content:center;gap:22px;font-size:14px;font-weight:700}.button-small{border:0;border-radius:7px;background:var(--teal);color:#fff;min-height:38px;font-size:14px;font-weight:600;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .2s,transform .2s}.button-small:hover{background:#078c94;transform:translateY(-1px)}.payment-demo{text-align:center;padding:24px 20px}.stripe-wordmark{font-size:41px;font-weight:800;letter-spacing:-.06em;color:#6554ff;line-height:1}.success-circle{width:76px;height:76px;display:grid;place-items:center;margin:23px auto 15px;border-radius:50%;background:#2ec39a;color:#fff}.success-circle .icon{width:48px;height:48px;stroke-width:3}.payment-demo strong{font-size:17px;font-weight:600;letter-spacing:-.025em}.receipt-lines{display:grid;gap:12px;margin-top:32px}.receipt-lines i{height:10px;background:#e5e7eb;border-radius:5px}.receipt-lines i:last-child{width:77%}.step-footnote{text-align:center;font-size:18px;color:#5b6b88;margin-top:24px}.closing-section{background:#1e2d3d;color:#fff;padding:24px 0}.closing{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.closing h2{font-size:clamp(31px,3.5vw,50px);line-height:1.075;letter-spacing:-.052em;font-weight:800}.closing-intro{font-size:18px;line-height:1.4;margin-top:12px}.closing .primary-cta{margin-top:14px;min-height:56px;background:linear-gradient(100deg,#7bf4e8,#56e7dd);color:#092138;min-width:0;width:100%;max-width:490px;padding:14px 20px}.closing .primary-cta:hover{color:#092138;box-shadow:0 5px 20px #77f4e61a}.pricing-note{font-size:13px;line-height:1.5;color:#e4eef2;margin-top:12px;max-width:570px}.closing-photo{aspect-ratio:2;border-radius:8px;width:100%}.footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:37px;letter-spacing:-2.5px}.footer nav{display:flex;gap:18px;font-size:13px;align-items:center;color:#536582}.example-dialog{width:min(480px,calc(100% - 36px));border:0;border-radius:20px;padding:40px;box-shadow:0 20px 100px #061d3333;color:var(--ink)}.example-dialog::backdrop{background:#0b17296b;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:12px;background:#f1f7f8;width:35px;height:35px;border-radius:50%;border:0;display:grid;place-items:center}.example-dialog .eyebrow{color:#087f91;font-size:12px;margin-bottom:13px}.example-dialog h2{font-size:30px;letter-spacing:-.045em;margin-bottom:16px;line-height:1.2}.example-dialog>p:not(.eyebrow){font-size:16px;line-height:1.55}.example-dialog .demo-note{color:var(--quiet);font-size:13px!important;margin-top:18px}.dialog-accept{margin-top:25px;width:100%}
@keyframes appear{from{opacity:.15;transform:translateY(14px)}to{opacity:1;transform:none}}
.is-revealing{animation:appear .65s cubic-bezier(.16,1,.3,1) both}.person-visual{transition:transform .25s,box-shadow .25s}.person-visual:hover{transform:translateY(-3px)}
@media(min-width:1600px){.hero{min-height:670px}.hero h1{font-size:80px}}
@media(max-width:1150px) and (min-width:761px){.shell{width:calc(100% - 48px)}.header{min-height:72px}.brand{font-size:40px}.hero{min-height:510px}.eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(44px,5.25vw,62px)}.hero-intro{font-size:17px;margin-top:21px}.primary-cta{font-size:17px;min-width:0;width:95%;min-height:54px;padding:15px;margin-top:24px}.microcopy{font-size:12px;width:95%}.people-grid{gap:22px}.person h3{font-size:21px}.person figcaption p{font-size:14px}.steps-grid{gap:27px}.step-heading{font-size:14px;gap:7px}.step-number{width:32px;height:32px;font-size:18px}.step-arrow{width:24px;height:24px;right:-26px}.step-card{height:278px;padding:12px}.profile-demo .step-avatar{height:163px}.profile-demo h3{font-size:19px}.profile-demo p{font-size:11px}.service-chip{font-size:11px;gap:6px;padding:7px}.service-chip .icon{width:20px;height:20px}.content-demo{padding:0}.calendar-demo{gap:8px}.calendar-service{font-size:10px;gap:7px}.calendar-avatar{width:30px;height:36px}.calendar{padding:8px 4px}.month{font-size:10px}.calendar-week,.calendar-dates{font-size:9px}.calendar-dates>span{min-height:16px}.calendar-dates>.selected{width:19px}.booking-details{font-size:12px}.button-small{min-height:33px;font-size:12px}.stripe-wordmark{font-size:34px}.success-circle{width:63px;height:63px;margin:20px auto 13px}.payment-demo strong{font-size:14px}.receipt-lines{margin-top:25px;gap:9px}.receipt-lines i{height:9px}.closing{gap:25px}.closing-intro{font-size:16px}.pricing-note{font-size:12px}.closing .primary-cta{min-height:48px;font-size:18px}.closing-photo{aspect-ratio:1.75}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header{min-height:73px;gap:15px}.brand{font-size:38px;letter-spacing:-2.5px}.header nav{gap:14px}.header nav>a:not(.button){display:none}.header .button{font-size:13px;padding:11px 16px;min-height:43px;border-radius:8px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:30px 5px 27px;align-items:center;text-align:center}.eyebrow{font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(48px,10.7vw,72px);line-height:1.045;letter-spacing:-.06em}.hero-intro{font-size:18px;line-height:1.45;margin-top:20px}.hero .primary-cta{font-size:18px;min-height:55px;min-width:0;width:min(100%,360px);padding:16px 20px;margin-top:24px}.microcopy{width:100%;font-size:12px;margin-top:12px}.hero-scene{width:100%;aspect-ratio:481/380}.hero-photo{height:100%}.section{padding-top:27px;padding-bottom:25px}.section-title,.people-section .section-title{font-size:clamp(30px,7.65vw,45px);line-height:1.11;letter-spacing:-.055em}.manifesto{font-size:19px;line-height:1.36;letter-spacing:-.035em;margin-top:14px}.manifesto-explanation{font-size:16px;line-height:1.5;margin-top:12px}.people-grid{gap:11px;margin-top:20px}.person-visual{aspect-ratio:.72}.portrait{inset:0 0 5% 0;border-radius:8px}.work-inset{width:50%;height:32%;border-width:3px;border-radius:5px}.person figcaption{padding:7px 0 0}.person h3{font-size:17px}.person figcaption p{font-size:11px;line-height:1.4;max-width:115px}.illustrative{font-size:11px;margin-top:18px}.steps-section .section-title{margin-bottom:20px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.step-heading{font-size:clamp(11px,3.22vw,17px);gap:7px;margin-bottom:11px;white-space:normal}.step-number{width:29px;height:29px;font-size:17px}.step-card{height:255px;padding:11px;border-radius:10px}.step-arrow{display:none}.profile-demo .step-avatar{height:150px;border-radius:7px}.profile-demo h3{font-size:19px}.profile-demo p{font-size:11px;margin-bottom:5px}.service-chip{font-size:11px;padding:5px 7px;gap:6px;min-height:31px}.service-chip .icon{width:20px;height:20px}.content-demo{padding:0;gap:8px}.content-thumbnails{gap:8px}.play-symbol{width:43px;height:43px}.format-icon{width:23px;height:23px;bottom:6px;left:5px}.format-icon .icon{width:18px;height:18px}.calendar-demo{gap:8px;padding:10px}.calendar-service{gap:6px;font-size:10px;min-height:32px}.calendar-avatar{width:28px;height:33px}.calendar{padding:7px 3px}.month{font-size:10px;margin-bottom:6px}.calendar-week{font-size:8px}.calendar-dates{font-size:8px;gap:1px}.calendar-dates>span{min-height:17px}.calendar-dates>.selected{width:18px}.booking-details{font-size:11px;gap:13px}.button-small{min-height:31px;padding:7px;font-size:11px}.stripe-wordmark{font-size:33px}.payment-demo{padding:22px 14px}.success-circle{width:62px;height:62px;margin:17px auto 12px}.success-circle .icon{width:40px;height:40px}.payment-demo strong{font-size:13px}.receipt-lines{margin-top:23px;gap:10px}.receipt-lines i{height:8px}.step-footnote{font-size:14px;line-height:1.5;margin-top:20px}.section-heading>p{font-size:16px;line-height:1.5;margin-top:9px}.closing-section{padding:28px 0 22px}.closing{grid-template-columns:1fr;gap:22px}.closing h2{font-size:35px;line-height:1.07}.closing-intro{font-size:16px;margin-top:11px}.closing .primary-cta{font-size:18px;min-height:53px;max-width:none;margin-top:18px}.pricing-note{font-size:12px;line-height:1.55;margin-top:12px}.closing-photo{aspect-ratio:2.2;border-radius:7px}.footer{min-height:88px;gap:16px;flex-wrap:wrap;padding-block:18px;justify-content:center}.footer .brand{font-size:32px;letter-spacing:-2px}.footer nav{gap:10px;font-size:12px}.example-dialog{padding:34px 25px}.example-dialog h2{font-size:26px}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.header .button{padding-inline:12px;font-size:12px}.hero h1{font-size:46px}.people-grid{gap:8px}.step-heading{font-size:11px;gap:5px}.step-number{width:25px;height:25px;font-size:15px}.step-card{height:245px;padding:9px}.content-demo{padding:0}.profile-demo .step-avatar{height:145px}.service-chip{font-size:10px}.calendar-demo{padding:8px}.calendar-service{font-size:9px}.calendar-week,.calendar-dates{font-size:7px}.closing h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-revealing{opacity:1;transform:none}}
@media print{.header nav,.hotspot,.example-dialog,.skip-link{display:none!important}.shell{width:100%;max-width:none}.section{break-inside:avoid}.is-revealing{animation:none}.closing-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Fotografías independientes en alta resolución. */
.photo{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#e9efef;overflow:hidden;isolation:isolate}
.photo-pedro{background-image:url('/hazte-glufer/assets/pedro-fontanero.webp')}
.photo-lucia{background-image:url('/hazte-glufer/assets/lucia-peluquera.webp')}
.photo-alex{background-image:url('/hazte-glufer/assets/alex-electricista.webp')}
.photo-workshop{background-image:url('/hazte-glufer/assets/taller-peluqueria.webp')}

.photo-pedro-work{background-image:url('/hazte-glufer/assets/pedro-fontanero.webp');background-size:190%;background-position:88% 72%}
.photo-lucia-work{background-image:url('/hazte-glufer/assets/lucia-peluquera.webp');background-size:145%;background-position:78% 70%}
.photo-lucia-detail{background-image:url('/hazte-glufer/assets/lucia-peluquera.webp');background-size:185%;background-position:87% 73%}
.photo-alex-work{background-image:url('/hazte-glufer/assets/alex-electricista.webp');background-size:185%;background-position:91% 58%}
.hero-photo{background-position:48% center}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(6,20,29,.08));pointer-events:none}
.hero-profile-card{position:absolute;right:4.5%;bottom:7%;width:min(300px,39%);display:grid;gap:4px;background:rgba(255,255,255,.96);padding:18px 18px 16px;border-radius:14px;box-shadow:0 14px 40px rgba(8,36,48,.22);backdrop-filter:blur(8px);z-index:2}
.hero-profile-card .profile-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#168d93;font-weight:700}
.hero-profile-card strong{font-size:24px;letter-spacing:-.04em}
.hero-profile-card>span:not(.profile-kicker){font-size:13px;color:var(--quiet)}
.hero-profile-card b{margin-top:9px;background:var(--teal);color:white;border-radius:7px;padding:10px 12px;text-align:center;font-size:13px}
.hero-booking{right:4.5%;bottom:7%;left:auto;top:auto;width:min(300px,39%);height:119px;z-index:3}
.portrait{background-position:center 32%}
.person:nth-child(1) .portrait{background-position:44% center}
.person:nth-child(2) .portrait{background-position:48% center}
.person:nth-child(3) .portrait{background-position:45% center}
.step-avatar{background-position:48% 28%}
.content-camera{background-position:65% 68%}
.content-thumbnails>div{background-position:center}
.calendar-avatar{background-position:48% 27%}

.promo-badge,.share-ui,.van-qr{position:absolute;z-index:2;pointer-events:none}

.promo-badge{left:7%;top:7%;display:grid;background:#fff;color:var(--ink);padding:10px 12px;border-radius:10px;box-shadow:0 8px 20px rgba(8,32,42,.18)}
.promo-badge strong{font-size:27px;line-height:1;color:var(--teal);letter-spacing:-.05em}
.promo-badge span{font-size:10px;margin-top:3px;color:var(--quiet)}
.share-ui{left:7%;right:7%;bottom:7%;display:grid;gap:5px;background:rgba(255,255,255,.96);padding:10px 12px;border-radius:11px;box-shadow:0 8px 24px rgba(8,32,42,.2)}
.share-ui span{font-size:10px;color:var(--teal)}
.share-ui strong{font-size:12px}
.van-qr{right:12%;top:21%;display:flex;align-items:center;gap:8px;background:#fff;padding:7px;border-radius:7px;box-shadow:0 6px 16px rgba(8,32,42,.18);transform:rotate(-1deg)}
.van-qr i{width:38px;height:38px;background:conic-gradient(from 90deg,#0b1223 0 25%,#fff 0 50%,#0b1223 0 75%,#fff 0);background-size:10px 10px;border:4px solid #fff;box-shadow:0 0 0 2px #0b1223}
.van-qr strong{max-width:60px;font-size:9px;line-height:1.2}
.closing-photo{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}
.closing-photo>.photo{min-width:0;min-height:100%}
.closing-photo>.photo-pedro{background-position:45% center}
.closing-photo>.photo-lucia{background-position:50% 35%;border-inline:3px solid #1e2d3d}
.closing-photo>.photo-alex{background-position:48% center}
@media(max-width:760px){.hero-profile-card{right:4%;bottom:5%;width:46%;padding:11px;border-radius:10px}.hero-profile-card strong{font-size:18px}.hero-profile-card>span:not(.profile-kicker){font-size:10px}.hero-profile-card b{font-size:10px;padding:8px;margin-top:5px}.hero-booking{right:4%;bottom:5%;width:46%;height:94px}.hero-photo{background-position:48% center}.van-qr{right:8%;top:18%;transform:scale(.8) rotate(-1deg);transform-origin:top right}.promo-badge{padding:7px 9px}.promo-badge strong{font-size:21px}.share-ui{padding:7px 9px}.share-ui strong{font-size:9px}.closing-photo>.photo-lucia{border-inline-width:2px}}

/* Capas explicativas inspiradas en la maqueta aprobada. */
.hero-handwritten{position:absolute;left:5%;top:18%;z-index:2;color:#23345d;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(17px,1.65vw,25px);font-weight:700;line-height:1.35;letter-spacing:-.035em;transform:rotate(-5deg);text-shadow:0 1px 0 rgba(255,255,255,.7)}
.hero-handwritten span{display:block;width:67px;height:4px;background:var(--teal);border-radius:99px;margin:9px 0 0 46px;transform:rotate(-5deg)}
.hero-profile-card{top:17%;right:3.5%;bottom:auto;width:38%;padding:15px;gap:11px;border-radius:16px}
.hero-profile-head{display:flex;align-items:center;gap:11px;padding-bottom:10px;border-bottom:1px solid #e6edf0}
.hero-profile-avatar{width:56px;height:56px;border-radius:50%;flex:none;background-position:44% 32%}
.hero-profile-head>div{display:grid;gap:2px;min-width:0}
.hero-profile-card .hero-profile-head strong{font-size:22px;line-height:1}
.hero-profile-head small{font-size:11px;color:#657187;white-space:nowrap}
.hero-profile-card .hero-reserve{display:block;margin:0;background:var(--teal);color:#fff;border-radius:8px;padding:11px;text-align:center;font-size:15px}
.hero-media{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero-media>span{position:relative;aspect-ratio:1;border-radius:8px;background-size:215%;background-position:88% 70%}
.hero-media i{position:absolute;left:7px;bottom:7px;width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:rgba(8,19,28,.75);color:#fff}
.hero-media i .icon{width:18px;height:18px}
.hero-media i.play-symbol{left:50%;top:50%;bottom:auto;width:44px;height:44px;border-radius:50%;margin:0;background:rgba(8,19,28,.72)}
.profile-example{text-align:center;color:#728096;font-size:10px}
.hero-booking{top:17%;right:3.5%;bottom:auto;width:38%;height:68%}

.product-illustration{position:absolute;right:8%;top:10%;z-index:2;height:48%;width:38%;display:flex;align-items:flex-end;justify-content:center;gap:6px;filter:drop-shadow(0 8px 9px rgba(0,0,0,.18))}
.product-illustration i{position:relative;display:block;width:26%;height:73%;border-radius:8px 8px 5px 5px;background:linear-gradient(90deg,#1b2c30,#43595a 42%,#142225);border:1px solid rgba(255,255,255,.3)}
.product-illustration i:nth-child(2){height:92%;background:linear-gradient(90deg,#d8c8ae,#f6ead5 45%,#cbb797)}
.product-illustration i:nth-child(3){height:82%;background:linear-gradient(90deg,#82624a,#b99672 45%,#74523e)}
.product-illustration i::before{content:"";position:absolute;left:25%;right:25%;top:-14%;height:15%;background:#152329;border-radius:3px 3px 0 0}
.product-illustration i::after{content:"";position:absolute;left:17%;right:17%;top:38%;height:25%;background:rgba(255,255,255,.72);border-radius:2px}

.street-profile>b{background:var(--teal);color:#fff;text-align:center;border-radius:5px;padding:5px;font-size:8px}

.van-branding{position:absolute;right:7%;top:12%;z-index:2;display:grid;grid-template-columns:1fr 37px;grid-template-rows:auto auto;column-gap:8px;background:rgba(255,255,255,.83);padding:8px 9px;border-radius:5px;transform:rotate(-1deg);box-shadow:0 4px 12px rgba(8,24,30,.12)}
.van-branding strong{font-size:14px;line-height:1}.van-branding span{font-size:10px;color:#1f3069}.van-branding i{grid-column:2;grid-row:1/3}
.van-branding i,.flyer i,.phone i{display:block;background:conic-gradient(from 90deg,#0b1223 0 25%,#fff 0 50%,#0b1223 0 75%,#fff 0);background-size:8px 8px;border:3px solid white;box-shadow:0 0 0 2px #0b1223}
.street-kit{position:absolute;left:4%;right:3%;bottom:4%;z-index:3;height:48%}
.flyer{position:absolute;left:0;bottom:0;width:37%;height:76%;display:grid;grid-template-columns:1fr 35px;grid-template-rows:auto auto 1fr;column-gap:6px;background:#fff9ea;border-radius:5px;padding:9px;box-shadow:0 9px 22px rgba(8,24,30,.22);transform:rotate(-5deg)}
.flyer strong{font-size:12px;line-height:1}.flyer span{font-size:9px;color:#26386c}.flyer i{grid-column:2;grid-row:1/3}.flyer small{grid-column:1/-1;align-self:end;color:#1b65a4;font-size:7px;font-weight:700}
.phone{position:absolute;left:39%;bottom:-3%;width:22%;height:96%;display:grid;grid-template-rows:auto 1fr;gap:5px;background:#112129;border:3px solid #13232a;border-radius:10px;padding:6px;box-shadow:0 10px 23px rgba(8,24,30,.27);transform:rotate(2deg)}
.phone i{align-self:center;justify-self:center;width:35px;height:35px}
.street-profile{position:absolute;right:0;bottom:0;width:34%;height:90%;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto auto 1fr auto;column-gap:6px;background:#fff;border-radius:8px;padding:7px;box-shadow:0 9px 22px rgba(8,24,30,.23);transform:rotate(2deg)}
.street-profile>i{width:28px;height:28px;border-radius:50%;grid-row:2/4;background-position:45% 30%}.street-profile>strong{font-size:8px;align-self:end}.street-profile>small{font-size:5px;color:#667386}.street-profile>b{grid-column:1/-1;align-self:end}
@media(max-width:760px){.hero-handwritten{display:none}.hero-profile-card{top:7%;right:3%;bottom:auto;width:43%;padding:8px;gap:6px;border-radius:10px}.hero-profile-avatar{width:34px;height:34px}.hero-profile-card .hero-profile-head strong{font-size:14px}.hero-profile-head small{font-size:7px}.hero-profile-head{gap:6px;padding-bottom:5px}.hero-profile-card .hero-reserve{padding:7px;font-size:10px}.hero-media{gap:5px}.hero-media i{width:20px;height:20px;left:4px;bottom:4px}.hero-media i .icon{width:12px;height:12px}.hero-media i.play-symbol{width:28px;height:28px}.profile-example{font-size:7px}.hero-booking{top:7%;right:3%;bottom:auto;width:43%;height:82%}.product-illustration{right:6%;width:42%}.van-branding{right:4%;top:9%;transform:scale(.78) rotate(-1deg);transform-origin:top right}.street-kit{height:51%;left:2%;right:2%;bottom:2%}.flyer{padding:6px;grid-template-columns:1fr 25px}.flyer strong{font-size:8px}.flyer span{font-size:6px}.flyer small{font-size:5px}.phone{padding:4px}.phone i{width:24px;height:24px}.street-profile{padding:5px;grid-template-columns:20px 1fr}.street-profile>i{width:20px;height:20px}}

/* Ajustes de mensaje: promoción sin productos y QR centrado en la marca de Pedro. */

.van-branding{right:5%;top:9%;display:grid;grid-template-columns:34px 1fr 39px;grid-template-rows:1fr;align-items:center;gap:7px;background:rgba(255,255,255,.94);padding:8px 9px;transform:rotate(-1deg)}
.pedro-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#172d4c;color:#fff;font-size:11px;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 0 0 3px #6ee7de}
.van-branding>div{display:grid;gap:1px}.van-branding>div strong{font-size:13px;line-height:1;color:#172d4c}.van-branding>div span{font-size:8px;color:#344d71}
.van-branding>i{grid-column:3;grid-row:1;width:35px;height:35px}

@keyframes scanLine{from{transform:translateY(-9px)}to{transform:translateY(10px)}}
@media(max-width:760px){.van-branding{right:3%;top:6%;grid-template-columns:26px 1fr 29px;gap:5px;padding:6px;transform:rotate(-1deg)}.pedro-mark{width:26px;height:26px;font-size:8px}.van-branding>div strong{font-size:9px}.van-branding>div span{font-size:6px}.van-branding>i{width:26px;height:26px}}

/* Hero: dos vistas reales de la experiencia Glufes. */
.hero-handwritten,.hero-profile-card{display:none}
.hero-photo{background-position:66% center}
.hero-photo::after{background:linear-gradient(90deg,transparent 35%,rgba(5,22,29,.06) 64%,rgba(5,22,29,.16))}
.hero-app-showcase{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.app-phone{position:absolute;width:27%;height:84%;background:#111b24;border:6px solid #111b24;border-radius:29px;box-shadow:0 22px 48px rgba(6,20,29,.34),inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden;transform-origin:center}
.feed-phone{left:49%;top:7%;transform:rotate(-3.2deg)}
.profile-phone{right:1.5%;top:12%;z-index:3;transform:rotate(3deg)}
.phone-speaker{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:29%;height:4px;border-radius:99px;background:#33424c;z-index:3}
.app-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;color:#172234}
.app-top,.profile-top{height:9%;min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px;font-size:9px;background:#fff;flex:none}
.app-wordmark{font-size:16px;font-weight:800;letter-spacing:-.07em}.app-wordmark em{color:var(--teal)}
.feed-author{height:11%;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:6px;padding:5px 8px;background:#fff;flex:none}
.feed-author>i{width:29px;height:29px;border-radius:50%;background-position:45% 30%}.feed-author p{display:grid;min-width:0}.feed-author p strong{font-size:8px;line-height:1.2}.feed-author p small{font-size:5px;color:#6b778b}.feed-author>b{font-size:8px;color:#516174}
.feed-media{position:relative;height:45%;flex:none;background-size:185%;background-position:88% 70%}
.feed-media::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,14,19,.52))}
.feed-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(11,24,32,.68);border:1.5px solid rgba(255,255,255,.9)}
.feed-play .icon{width:17px;height:17px;fill:#fff;stroke:0;margin-left:2px}
.feed-actions{position:absolute;right:6px;bottom:7px;z-index:3;display:flex;gap:6px}.feed-actions i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(8,20,27,.66);color:#fff;font-size:11px;font-style:normal}
.feed-copy{height:9%;padding:6px 8px 3px;font-size:6px;line-height:1.3;overflow:hidden;flex:none}.feed-copy strong{font-size:7px}
.feed-book{height:15%;margin:3px 7px 6px;border:1px solid #e1eaed;border-radius:7px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:5px 6px;font-size:6px;background:#f8fafb;flex:none}.feed-book>span{font-weight:700}.feed-book>b{display:flex;align-items:center;gap:3px;background:var(--teal);color:#fff;border-radius:5px;padding:6px;font-size:6px}.feed-book .icon{width:10px;height:10px;stroke-width:2}
.app-nav{height:9%;margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);place-items:center;border-top:1px solid #e7ecef;background:#fff;color:#627184;font-size:12px;flex:none}.app-nav i{font-style:normal}.app-nav i:first-child{color:var(--teal)}
.profile-top{font-size:10px;font-weight:700}.profile-top span{font-size:15px;color:#526174}
.profile-cover{height:21%;flex:none;background-size:180%;background-position:88% 69%}
.profile-avatar{position:absolute;left:8%;top:24%;width:23%;aspect-ratio:1;border-radius:50%;border:3px solid #fff;background-position:44% 30%;box-shadow:0 4px 10px rgba(8,27,35,.18);z-index:2}
.profile-identity{height:14%;display:grid;align-content:center;padding:8px 7px 3px 35%;flex:none}.profile-identity strong{font-size:13px;line-height:1.1}.profile-identity span{font-size:6px;color:#64748b}
.profile-stats{height:10%;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e8edef;flex:none}.profile-stats span{display:grid;place-items:center;align-content:center;font-size:5px;color:#6b778b;border-right:1px solid #edf1f3}.profile-stats span:last-child{border:0}.profile-stats strong{display:block;font-size:8px;color:#172234}
.profile-tabs{height:8%;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;font-size:6px;color:#748093;border-bottom:1px solid #e8edef;flex:none}.profile-tabs b{height:100%;display:grid;place-items:center;color:var(--teal);border-bottom:2px solid var(--teal)}
.profile-services{display:grid;gap:5px;padding:6px;min-height:0;flex:1;background:#f7f9fa}.profile-services>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;background:#fff;border:1px solid #e5ebee;border-radius:6px;padding:6px}.profile-services span{display:grid;gap:2px;min-width:0}.profile-services strong{font-size:7px}.profile-services small{font-size:5px;color:#69768a}.profile-services b{background:var(--teal);color:#fff;border-radius:4px;padding:5px 6px;font-size:5px}
.hero-booking{left:40%;right:0;top:4%;bottom:auto;width:60%;height:92%;z-index:4}
@media(max-width:1150px) and (min-width:761px){.app-phone{border-width:5px;border-radius:23px}.feed-phone{left:48%}.profile-phone{right:1%}.app-top,.profile-top{min-height:25px;padding:6px 7px 3px}.app-wordmark{font-size:12px}.feed-author{grid-template-columns:23px 1fr auto;padding:4px 6px}.feed-author>i{width:23px;height:23px}.feed-book{padding:4px}.profile-identity strong{font-size:10px}.profile-services{gap:3px;padding:4px}.profile-services>div{padding:4px}}
@media(max-width:760px){.hero-photo{background-position:69% center}.app-phone{width:28.5%;height:85%;border-width:4px;border-radius:19px}.feed-phone{left:45%;top:7%;transform:rotate(-3deg)}.profile-phone{right:1.5%;top:10%;transform:rotate(3deg)}.phone-speaker{top:3px;height:3px}.app-screen{border-radius:15px}.app-top,.profile-top{height:9%;min-height:19px;padding:4px 5px 2px}.app-wordmark{font-size:9px}.app-top>span:last-child{font-size:5px}.feed-author{grid-template-columns:18px 1fr auto;gap:3px;padding:3px 4px}.feed-author>i{width:18px;height:18px}.feed-author p strong{font-size:5px}.feed-author p small{font-size:3px}.feed-media{height:44%}.feed-play{width:24px;height:24px}.feed-play .icon{width:12px;height:12px}.feed-actions{right:3px;bottom:4px;gap:3px}.feed-actions i{width:15px;height:15px;font-size:7px}.feed-copy{font-size:4px;padding:4px}.feed-copy strong{font-size:5px}.feed-book{margin:2px 4px 3px;padding:3px;font-size:4px}.feed-book>b{font-size:4px;padding:4px}.feed-book .icon{width:7px;height:7px}.app-nav{font-size:8px}.profile-top{font-size:6px}.profile-top span{font-size:9px}.profile-avatar{border-width:2px}.profile-identity{padding:4px 3px 2px 35%}.profile-identity strong{font-size:8px}.profile-identity span{font-size:4px}.profile-stats strong{font-size:5px}.profile-stats span{font-size:3px}.profile-tabs{font-size:4px}.profile-services{gap:3px;padding:4px}.profile-services>div{padding:3px}.profile-services strong{font-size:4px}.profile-services small{font-size:3px}.profile-services b{font-size:3px;padding:3px}.hero-booking{left:42%;right:0;top:3%;width:58%;height:94%}}

/* Hero fiel al lenguaje visual del feed y el perfil de Glufes. */
.app-phone{width:29.5%;height:88%}
.feed-phone{left:45.5%;top:4%}
.profile-phone{right:.5%;top:8%}
.feed-screen{background:#041521;color:#fff}
.feed-header{height:10%;min-height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 9px 5px;background:linear-gradient(135deg,#02111f,#061b28);flex:none}
.feed-header .app-wordmark{font-size:11px;color:#62d9d0}.feed-header .app-wordmark em{color:#62d9d0}.feed-header>strong{font-size:13px}.feed-header>span:last-child{font-size:9px;letter-spacing:.02em}
.feed-stage{position:relative;min-height:0;flex:1;background-size:cover;background-position:52% center;color:#fff}
.feed-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,11,18,.05) 30%,rgba(1,11,18,.18) 48%,rgba(1,11,18,.96) 92%)}
.views-badge{position:absolute;left:7px;top:8px;z-index:2;display:grid;background:rgba(2,12,19,.48);padding:5px 7px;border-radius:11px}.views-badge b{font-size:8px}.views-badge small{font-size:5px;margin-left:13px}
.feed-side{position:absolute;right:6px;bottom:26%;z-index:3;display:grid;gap:6px;justify-items:center}.feed-side>span{width:27px;height:27px;display:grid;place-items:center;align-content:center;border-radius:50%;background:rgba(2,12,19,.56);font-size:13px;font-weight:700;font-style:normal}.feed-side>span:first-child{position:relative;width:31px;height:31px;border:2px solid #fff;background:white}.feed-side>span:first-child>i{width:100%;height:100%;border-radius:50%;background-position:45% 30%}.feed-side>span:first-child>b{position:absolute;right:-3px;bottom:-4px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:var(--teal);font-size:9px}.feed-side small{display:block;font-size:4px;line-height:1;margin-top:1px}
.feed-caption{position:absolute;left:8px;right:39px;bottom:7px;z-index:3;display:grid;gap:5px}.feed-caption>strong{font-size:9px}.feed-caption>strong i{display:inline-grid;place-items:center;width:11px;height:11px;border-radius:50%;background:var(--teal);font-size:7px;font-style:normal}.feed-caption>b{font-size:7px}.feed-caption>p{font-size:6px;line-height:1.3}.feed-caption>em{justify-self:start;background:rgba(255,255,255,.14);border-radius:9px;padding:4px 6px;color:#fff;font-size:5px}.feed-caption>div{display:grid;grid-template-columns:auto 1fr;gap:5px}.feed-caption>div>span{display:grid;place-items:center;background:#ffbd22;color:#fff;border-radius:8px;padding:5px 6px;font-size:7px;font-weight:800}.feed-caption>div>b{display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(100deg,#26a69a,#72ebdd);border-radius:8px;padding:5px 6px;font-size:6px}.feed-caption>div .icon{width:9px;height:9px;stroke-width:2}.feed-caption>small{justify-self:start;background:rgba(38,166,154,.23);color:#7df0e5;border-radius:8px;padding:4px 7px;font-size:5px}
.feed-screen>.app-nav{background:#fff;color:#79828c}
.profile-screen{background:#fff}
.profile-screen .profile-top{height:9%;min-height:32px;background:linear-gradient(135deg,#02111f,#061b28);color:#fff;padding:8px 9px 4px}.profile-screen .profile-top .app-wordmark{font-size:14px;color:#fff}.profile-screen .profile-top .app-wordmark em{color:var(--teal)}.profile-screen .profile-top span{color:#fff}
.profile-screen .profile-cover{height:18%;background-size:cover;background-position:52% center}
.profile-screen .profile-avatar{top:20%;left:6%;width:25%;border-width:3px}
.profile-screen .profile-identity{height:16%;padding:8px 6px 4px 34%;display:grid;align-content:center;gap:1px}.profile-screen .profile-identity>span{font-size:6px;font-weight:700;color:#1b2535}.profile-screen .profile-identity>span i{display:inline-grid;place-items:center;width:9px;height:9px;border-radius:50%;background:var(--teal);color:#fff;font-size:6px;font-style:normal}.profile-screen .profile-identity strong{font-size:13px}.profile-screen .profile-identity small{font-size:6px;color:#6b7280}
.profile-screen .profile-stats{height:10%;grid-template-columns:repeat(4,1fr);padding:2px 5px;border-block:0;gap:2px}.profile-screen .profile-stats>span{border-right:1px solid #e5e7eb;font-size:4px;text-align:center}.profile-screen .profile-stats>span:last-child{border:0}.profile-screen .profile-stats strong{font-size:7px}.profile-screen .profile-stats .rating-stat{background:#fff4cf;color:#997000;border:0;border-radius:7px}.profile-screen .profile-stats .rating-stat strong{color:#e59c00}.profile-screen .profile-stats small{font-size:4px}
.response-pill{height:6%;align-self:center;display:grid;place-items:center;background:rgba(38,166,154,.12);color:#15958e;border-radius:10px;padding:3px 10px;font-size:5px;flex:none}
.profile-screen .profile-tabs{height:7%;grid-template-columns:repeat(4,1fr);font-size:5px}.profile-screen .profile-tabs b{width:100%}
.profile-gallery{height:18%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px 6px;flex:none}.profile-gallery>span{border-radius:5px;background-size:190%;background-position:88% 70%}.profile-gallery>span:nth-child(2){background-position:75% 65%}.profile-gallery>span:nth-child(3){background-position:100% 74%}
.profile-services-v2{display:grid;grid-template-rows:1fr 1fr;gap:5px;padding:6px;min-height:0;flex:1;background:#f6f8f9}.profile-services-v2>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:6px;background:#fff;border:1px solid #e3e8eb;border-radius:7px;padding:5px;box-shadow:0 2px 6px rgba(14,35,45,.08)}.profile-services-v2>div>i{width:45px;height:100%;min-height:38px;border-radius:5px;background-size:190%;background-position:88% 70%}.profile-services-v2 span{display:grid;gap:2px}.profile-services-v2 strong{font-size:7px}.profile-services-v2 small{font-size:5px;color:#0b9994;font-weight:700}.profile-services-v2 b{background:var(--teal);color:#fff;border-radius:4px;padding:6px 5px;font-size:5px}
.profile-screen>.app-nav{height:8%}
@media(max-width:1150px) and (min-width:761px){.feed-header{min-height:27px;padding:6px}.feed-header>strong{font-size:10px}.feed-caption{gap:3px;right:34px}.feed-side{gap:4px}.profile-screen .profile-top{min-height:26px}.profile-screen .profile-identity strong{font-size:10px}.profile-services-v2>div{grid-template-columns:24px 1fr auto;padding:3px}.profile-services-v2>div>i{width:24px;height:24px}}
@media(max-width:760px){.app-phone{width:30.5%;height:89%}.feed-phone{left:41%;top:3%}.profile-phone{right:.5%;top:7%}.feed-header{min-height:20px;padding:5px 4px 2px;gap:3px}.feed-header .app-wordmark{font-size:7px}.feed-header>strong{font-size:8px}.feed-header>span:last-child{font-size:5px}.views-badge{left:4px;top:5px;padding:3px 4px}.views-badge b{font-size:5px}.views-badge small{font-size:3px}.feed-side{right:3px;bottom:27%;gap:3px}.feed-side>span{width:17px;height:17px;font-size:8px}.feed-side>span:first-child{width:21px;height:21px}.feed-side>span:first-child>b{width:10px;height:10px;font-size:6px}.feed-caption{left:4px;right:24px;bottom:4px;gap:3px}.feed-caption>strong{font-size:6px}.feed-caption>strong i{width:8px;height:8px;font-size:5px}.feed-caption>b{font-size:4px}.feed-caption>p{font-size:4px}.feed-caption>em{font-size:3px;padding:2px 4px}.feed-caption>div{gap:3px}.feed-caption>div>span{font-size:4px;padding:3px}.feed-caption>div>b{font-size:4px;padding:3px}.feed-caption>small{font-size:3px;padding:3px 4px}.profile-screen .profile-top{min-height:20px;padding:5px 4px 2px}.profile-screen .profile-top .app-wordmark{font-size:8px}.profile-screen .profile-identity{padding:4px 3px 2px 34%}.profile-screen .profile-identity>span{font-size:4px}.profile-screen .profile-identity strong{font-size:7px}.profile-screen .profile-identity small{font-size:4px}.profile-screen .profile-stats strong{font-size:5px}.response-pill{font-size:3px;padding:2px 5px}.profile-screen .profile-tabs{font-size:3px}.profile-services-v2{gap:3px;padding:4px}.profile-services-v2>div{grid-template-columns:31px 1fr auto;gap:3px;padding:3px}.profile-services-v2>div>i{width:31px;min-height:28px}.profile-services-v2 strong{font-size:4px}.profile-services-v2 small{font-size:3px}.profile-services-v2 b{font-size:3px;padding:4px}}

/* ── Founding Glufer ──────────────────────────────────────────────────────
   Bloque anadido al publicar (10/09/2026): la entrega de diseno no traia
   formulario y es lo unico de esta landing que capta un email. Usa las mismas
   variables y el mismo lenguaje visual que el resto de la pagina. */
.founding-section{background:linear-gradient(105deg,#e3fbf5,#dffaf3);border-radius:16px;padding:34px 40px 38px;margin-top:30px}
.founding{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.founding-copy{min-width:0}
.founding-tag{display:inline-flex;align-items:center;gap:9px;color:#0d7d86;margin-bottom:14px}
.founding-pulse{width:9px;height:9px;border-radius:50%;background:#0fb3a2;box-shadow:0 0 0 0 #0fb3a266;animation:founding-pulse 2s infinite}
@keyframes founding-pulse{70%{box-shadow:0 0 0 9px #0fb3a200}100%{box-shadow:0 0 0 0 #0fb3a200}}
.founding-section .section-title{font-size:clamp(29px,3.5vw,50px)}
.founding-intro{font-size:17px;line-height:1.55;letter-spacing:-.02em;margin-top:14px;color:#293b63;max-width:640px}
.founding-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.founding-list li{display:flex;align-items:flex-start;gap:11px;font-size:16px;line-height:1.4;letter-spacing:-.02em}
.founding-list .icon{width:21px;height:21px;flex:none;color:#0d9e93;stroke-width:2.6;margin-top:1px}
.founding-form{background:#fff;border:1px solid #d3efec;border-radius:14px;padding:24px;box-shadow:0 6px 22px #10273710}
.founding-form label{display:block;font-size:15px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}
.founding-form input{width:100%;min-height:52px;border:1px solid #d8e2e6;border-radius:10px;padding:12px 15px;font-size:16px;transition:border-color .2s}
.founding-form input:focus{outline:0;border-color:var(--teal)}
.founding-form .button{width:100%;margin-top:12px;min-height:54px;font-size:17px}
.founding-form .button:disabled{opacity:.75;cursor:default;transform:none}
.founding-msg{font-size:14px;line-height:1.45;margin-top:12px;min-height:1px}
.founding-msg.ok{color:#0b7f63}
.founding-msg.ko{color:#c0392b}
.founding-legal{font-size:12.5px;line-height:1.45;color:var(--quiet);margin-top:12px}
@media (max-width:900px){
  .founding-section{padding:26px 20px 30px;border-radius:14px}
  .founding{grid-template-columns:1fr;gap:26px}
  .founding-intro{font-size:16px}
}

/* ── Segunda puerta: acompañamiento con Mateo (10/09/2026) ────────────────
   Hermana de la sección "piloto" de /creadores. Aquí el que no se instala la
   app a la primera tiene con quién hablar en vez de irse. */
.button-ghost{background:transparent;border:1.5px solid #b9d9d8;color:#0d7d86}
.button-ghost:hover{background:#f2fdfb;border-color:var(--teal);color:#087f91;box-shadow:none}
.hero-second-cta{margin-top:12px;min-width:350px;font-size:17px;min-height:52px}
.support-section{text-align:center;border-top:1px solid var(--line);padding-top:34px}
.support{max-width:760px;margin-inline:auto}
.support-section .section-title{font-size:clamp(28px,3.4vw,48px);margin-top:6px}
.support-lead{font-size:17px;line-height:1.55;letter-spacing:-.02em;color:#293b63;margin-top:14px}
.support-cta{margin-top:20px;gap:10px;min-height:56px;font-size:17px;padding:14px 26px}
.support-cta .icon{width:20px;height:20px;stroke-width:2.4}
.support-legal{font-size:13px;line-height:1.5;color:var(--quiet);margin-top:14px}
@media (max-width:900px){
  .hero-second-cta{min-width:0;width:100%;max-width:350px}
  .support-section{padding-top:26px}
  .support-lead{font-size:16px}
}

/* ============================================================================
   TÚ DECIDES CÓMO TRABAJAR + HAZ QUE TU TRABAJO HABLE POR TI (11/09/2026)
   Las dos secciones que sustituyen a `.formats-section` y `.uses-section`.
   Las capturas y las fotos son recortes de las maquetas aprobadas del 11/09; el
   recorte lo hace tools/recortes_landings_t1_t2.py y no se retoca a mano.
   ============================================================================ */
.decision-section{background:linear-gradient(105deg,#e9fcfa,#e3fbf5);padding:34px 0 30px}
.decision-section .section-title{font-size:clamp(30px,4.05vw,59px)}
.decision-section .section-heading>p{font-size:21px;color:var(--quiet)}
.decision-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:28px}
.decision-column{display:flex;flex-direction:column;min-width:0;padding:20px 18px 8px;background:var(--paper);border:1px solid #d3eeea;border-radius:var(--radius)}
.decision-column h3{text-align:center;font-size:23px;font-weight:800;letter-spacing:-.045em;line-height:1.25;margin:0 0 16px}
/* La captura ya trae su propio fondo menta recortado de la maqueta: el marco
   repite ese tono para que la imagen se funda con él en vez de recortarse. */
.decision-shot{background:#e6fbfb;border-radius:10px;overflow:hidden}
.decision-shot img{width:100%;height:auto}
.decision-rows{display:grid;margin-top:6px}
.decision-row{display:flex;align-items:flex-start;gap:14px;padding:15px 2px;border-top:1px solid var(--line)}
.decision-row:first-child{border-top:0}
.decision-row .icon{width:32px;height:32px;color:var(--teal);stroke-width:1.6;margin-top:1px}
.decision-row strong{display:block;font-size:16.5px;font-weight:700;line-height:1.35;letter-spacing:-.03em}
.decision-row p{margin-top:3px;font-size:15px;line-height:1.45;color:var(--quiet);letter-spacing:-.01em}

.difusion-section{padding:38px 0 30px}
.difusion-section .section-title{font-size:clamp(31px,4.13vw,60px)}
.difusion-section .section-heading>p{font-size:22px;color:var(--quiet)}
.difusion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.difusion-card{display:flex;flex-direction:column;margin:0;min-width:0;background:var(--paper);border:1px solid #e7edf1;border-radius:var(--radius);overflow:hidden}
/* `cover` sobre una proporción fija: las seis fotos vienen de la maqueta con
   altos ligeramente distintos y así las tarjetas quedan a la misma altura. */
.difusion-card img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#eef2f3}
.difusion-card figcaption{padding:14px 16px 17px}
.difusion-card strong{display:block;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.04em}
.difusion-card span{display:block;margin-top:5px;font-size:15.5px;line-height:1.45;color:var(--quiet);letter-spacing:-.015em}
.difusion-closing{text-align:center;margin-top:28px;font-size:27px;font-weight:800;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}
.difusion-closing em{font-style:normal;color:var(--teal)}

.extras-section{padding:4px 0 30px}
.extras-title{text-align:center;font-size:20px;font-weight:700;letter-spacing:-.035em;color:var(--quiet);margin:0 0 16px}
.extras-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.extra-item{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s,box-shadow .18s,transform .18s}
.extra-item:hover{border-color:#c9e9e6;box-shadow:0 6px 18px #08a5ac1f;transform:translateY(-2px)}
.extra-item .icon{width:28px;height:28px;color:var(--teal);stroke-width:1.7}
.extra-item strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.extra-item small{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--quiet)}

@media(max-width:1199px){.decision-column{padding:18px 15px 6px}.decision-column h3{font-size:21px}.decision-row{gap:12px;padding:13px 2px}.decision-row .icon{width:29px;height:29px}.decision-row strong{font-size:15.5px}.decision-row p{font-size:14px}.difusion-grid{gap:18px}.difusion-card strong{font-size:17.5px}.difusion-card span{font-size:14.5px}.difusion-closing{font-size:24px}}
@media(max-width:959px){.decision-columns{gap:14px}.decision-column{padding:16px 12px 4px}.decision-column h3{font-size:19px}.decision-row{gap:10px;padding:11px 1px}.decision-row .icon{width:26px;height:26px}.decision-row strong{font-size:14.5px}.decision-row p{font-size:13.5px}.difusion-grid{gap:20px 14px}.difusion-card figcaption{padding:12px 13px 15px}.difusion-card strong{font-size:16.5px}.difusion-card span{font-size:14px}.difusion-closing{font-size:22px}.extras-strip{gap:11px}.extra-item{padding:14px 15px;gap:11px}.extra-item strong{font-size:15px}.extra-item small{font-size:13px}}
@media(max-width:760px){.decision-section{padding:28px 0 26px}.decision-columns{grid-template-columns:1fr;gap:16px}.decision-column{padding:18px 16px 6px}.decision-column h3{font-size:22px}.decision-row{padding:14px 2px}.decision-row .icon{width:30px;height:30px}.decision-row strong{font-size:16px}.decision-row p{font-size:14.5px}.difusion-section{padding:28px 0 26px}.difusion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.difusion-card figcaption{padding:12px 13px 15px}.difusion-card strong{font-size:16px}.difusion-card span{font-size:14px}.difusion-closing{font-size:21px;margin-top:24px}.extras-strip{grid-template-columns:1fr}.extra-item strong{font-size:16px}.extra-item small{font-size:14px}}
/* Móvil estrecho: la captura entera de un móvil no cabe a media columna, así que
   la tarjeta pasa a ancho completo y la imagen se limita para no comerse la
   pantalla de quien la está leyendo desde su propio móvil. */
@media(max-width:520px){.decision-shot img{max-width:330px;margin-inline:auto}.difusion-grid{grid-template-columns:1fr;gap:20px}.difusion-card strong{font-size:18px}.difusion-card span{font-size:15px}}

/* ---------- Tu web personalizada en Glufes (12/09/2026) ----------
   Sección nueva entre "Tú decides cómo trabajar" y "Haz que tu trabajo hable
   por ti".

   El bloque visual NO es una imagen: son los tres recortes de la maqueta
   (portátil, panel "A tu estilo" y móvil) recolocados con posiciones absolutas
   EN PORCENTAJE sobre un contenedor con la proporción original. Por eso los
   solapes de la maqueta (el móvil tapando la esquina del panel, el panel
   tapando el marco derecho del portátil) siguen cuadrando a cualquier ancho.
   Si se tocan esos %, hay que volver a medir las cajas de
   tools/recortes_web_gratis_t1_t2_t3.py: van juntos. */
.web-section{padding-bottom:40px}
.web-heading{text-align:center}
.web-eyebrow{font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.web-heading .section-title{margin-bottom:0}
.web-heading>p{margin-top:10px}
.web-layout{display:grid;grid-template-columns:minmax(300px,372px) 1fr;gap:34px;align-items:center;margin-top:32px}
.web-benefits{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:10px 26px 24px;box-shadow:0 14px 34px #0b122310}
.web-benefit{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.web-benefit:last-of-type{border-bottom:0}
.web-benefit .icon{width:32px;height:32px;color:var(--teal);stroke-width:1.6}
.web-benefit strong{display:block;font-size:19px;font-weight:700;letter-spacing:-.03em}
.web-benefit p{margin-top:4px;font-size:15.5px;line-height:1.45;color:var(--quiet)}
.web-pill{margin-top:18px;display:inline-block;background:var(--soft);color:#06767f;font-size:14.5px;font-weight:700;padding:11px 20px;border-radius:999px}
/* El degradado imita el fondo menta de la maqueta: los recortes lo arrastran en
   sus bordes y así el rectángulo de cada pieza no se nota. */
.web-visual{background:radial-gradient(120% 120% at 6% 4%,#f7fefe 0%,#e6fbfc 42%,#dcf5f7 100%);border-radius:22px;padding:16px 18px}
.web-mockup{position:relative;aspect-ratio:1090/787}
.web-mockup img{position:absolute;height:auto;max-width:none}
/* 17.79% y no 15.25% como en las otras dos landings: el titular de este
   target ocupa DOS lineas, el subtitulo baja hasta y=195 en la maqueta y por eso
   su recorte del portatil empieza en y=198 (ver recortes_web_gratis_t1_t2_t3.py). */
.web-laptop{left:0;top:17.79%;width:77.7%}
.web-panel{left:77.4%;top:0;width:22.6%}
.web-phone{left:75.9%;top:46.89%;width:21.5%}
.web-ribbon{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 40px;background:var(--soft);border:1px solid #c8f0e8;border-radius:22px;padding:24px 34px}
.web-url{display:flex;align-items:center;gap:20px}
.web-url .icon{width:42px;height:42px;color:var(--teal);stroke-width:1.6}
.web-url b{display:block;font-size:36px;font-weight:800;letter-spacing:-.05em;line-height:1.1}
.web-url small{display:block;margin-top:4px;font-size:16.5px;color:var(--quiet);letter-spacing:-.02em}
.web-cta{min-height:62px;font-size:20px;font-weight:700;padding:16px 30px;border-radius:14px;gap:16px}
.web-cta .icon{width:26px;height:26px}
.web-closing{margin-top:20px;text-align:center;font-size:20px;color:var(--slate);letter-spacing:-.02em}
.web-note{margin-top:10px}
@media(max-width:959px){
  .web-layout{grid-template-columns:1fr;gap:26px}
  .web-benefits{padding:6px 20px 20px}
  .web-url b{font-size:30px}
}
@media(max-width:760px){
  .web-eyebrow{font-size:11.5px;letter-spacing:.16em;margin-bottom:10px}
  .web-layout{margin-top:24px}
  .web-benefit{gap:14px;padding:14px 0}
  .web-benefit .icon{width:26px;height:26px}
  .web-benefit strong{font-size:17px}
  .web-benefit p{font-size:14.5px}
  .web-pill{font-size:13px;padding:9px 16px}
  .web-visual{padding:10px;border-radius:16px}
  .web-ribbon{margin-top:24px;gap:16px;padding:20px 18px;border-radius:18px}
  .web-url{gap:14px}
  .web-url .icon{width:32px;height:32px}
  .web-url b{font-size:24px}
  .web-url small{font-size:14.5px}
  .web-cta{width:100%;min-height:56px;font-size:17px}
  .web-closing{font-size:17px;margin-top:16px}
}