/* Adaptación del sistema visual de matices-agency-web-netlify. */
:root{--jade:#08777e;--bright:#0caaae;--coral:#f06f67;--dark:#103d45;--cream:#fff;--muted:#536b72;--line:#dceff0}body{background:linear-gradient(180deg,#fff,#f6ffff)}h1,h2,h3{font-weight:800}h1{letter-spacing:-.055em;line-height:1.02}h2{letter-spacing:-.04em}h1 em,h2 em{color:#079ba3}.announcement{background:linear-gradient(100deg,#079ca5,#067b85);font-weight:600;color:white}.announcement span{color:white}.header{height:100px;padding-inline:4vw;gap:18px;backdrop-filter:blur(18px);background:#ffffffec}.header nav{gap:18px;font-size:12px}.header .button.small{padding:12px 17px}.button{border-radius:99px;background:linear-gradient(125deg,#0aa9b0,#08777e);box-shadow:0 10px 25px #0d9da32b;padding:16px 25px;font-weight:700}.button:hover{background:linear-gradient(125deg,#07929a,#06595f)}.eyebrow{color:#b94540;font-weight:800}.hero{max-width:1400px;grid-template-columns:1.12fr 1fr;gap:60px;padding:72px 6vw 65px;position:relative;background:radial-gradient(ellipse at 90% 15%,#c7f5f4aa,transparent 55%),radial-gradient(ellipse at 0 95%,#fff0e9,transparent 60%)}.hero h1{font-size:clamp(44px,5.2vw,77px)}.lead{font-size:18px}.hero .eyebrow{font-size:11px;letter-spacing:1.6px}.hero-note{border-top:0;background:#fff;border-radius:18px;padding:15px 20px;box-shadow:0 8px 30px #0e65600b}.hero-note p{font-size:13px}.agency-visual{padding:0;max-width:530px;position:relative}.agency-panel{background:#ffffffdd;border:1px solid #c7edeb;border-radius:38px;padding:30px 34px 34px;box-shadow:0 25px 70px #096b7c24;position:relative;overflow:hidden;text-align:center}.agency-panel:before{content:'';position:absolute;inset:-90px -80px auto auto;width:260px;height:260px;background:radial-gradient(circle,#95efee88,transparent 70%);pointer-events:none}.panel-pill{font-size:9px;letter-spacing:1.8px;background:#e2fafa;color:#08777e;border-radius:30px;padding:9px 14px;position:relative}.original-brand{width:100%;height:224px;object-fit:cover;object-position:center;clip-path:inset(0 0 0 0);margin:0 auto}.agency-panel h2{font-size:28px;margin:0 0 16px;letter-spacing:-1px}.agency-panel p{font-size:14px;color:var(--muted);margin-bottom:18px}.pillar-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.pillar-chips span{font-size:10px;color:#08777e;background:#e6fafa;padding:7px 12px;border-radius:99px}.pillar-chips span:nth-child(2){color:#a43f39;background:#ffedeb}.agency-video{display:flex;align-items:center;gap:12px;padding:12px 18px;background:white;border-radius:20px;border:1px solid var(--line);box-shadow:0 15px 35px #07545812;margin:20px 14px 0;font-size:14px;font-weight:700}.agency-video>img{width:58px;height:66px;object-fit:cover;border-radius:12px}.agency-video small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.agency-video>b{margin-left:auto}.agency-video .play{flex-shrink:0;background:var(--coral)}.values{background:linear-gradient(110deg,#07a6ad,#087c87);border:none;color:white}.values .wrap{padding-block:29px;font-size:14px;font-weight:600}.values i{background:#ffb4a8}.model-list article{padding:24px;background:white;border:1px solid var(--line);border-radius:22px;margin-bottom:16px;box-shadow:0 10px 28px #08777e08;transition:transform .25s}.model-list article:first-child{padding-top:24px}.model-list article:hover{transform:translateX(5px)}.model-list article>span{background:#e4fafa;border-radius:12px;min-width:38px;height:38px;display:grid;place-items:center;padding:0;color:var(--jade);font-weight:800}.model-list article:nth-child(2)>span{background:#ffebe8;color:#b94540}.programs{background:linear-gradient(145deg,#e9fbfb,#f7fffe 60%,#fff0ee)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{background:white;border:1px solid var(--line);padding:28px;border-radius:26px;box-shadow:0 12px 35px #085e6d0c;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.catalog-card:before{content:'';position:absolute;top:0;left:25px;right:25px;height:4px;background:#0faeb5;border-radius:0 0 5px 5px}.catalog-card:nth-child(3n+2):before{background:var(--coral)}.catalog-card:nth-child(3n):before{background:#e4b450}.catalog-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #08777e22}.card-symbol{width:48px;height:48px;background:#e8fafa;color:#089fa6;border-radius:15px;font-size:28px;display:grid;place-items:center;margin-bottom:23px}.catalog-card:nth-child(3n+2) .card-symbol{background:#fff0ee;color:var(--coral)}.catalog-card .eyebrow{font-size:9px;margin-bottom:12px}.catalog-card h3{font-size:23px;margin-bottom:14px}.catalog-card p{font-size:14px;color:var(--muted);flex:1}.catalog-card strong{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:12px;color:var(--jade)}.story{border-radius:28px;overflow:hidden;border:1px solid var(--line);background:white;box-shadow:0 18px 38px #09636c10}.story-image{border-radius:0;height:390px}.story-body{padding:28px}.media-tag{background:#08777ed9;border-radius:99px}.play-button{background:#f06f67ed;border:0;font-weight:700}.first-step{background:linear-gradient(120deg,#087f87,#08a9ae);position:relative}.first-step h2 em{color:#fff2b8}.first-step .eyebrow,.first-step .section-heading>p,.steps p{color:#e5ffff}.steps article{border-color:#ffffff77}.steps article>span{display:grid;place-items:center;background:white;color:var(--jade);width:45px;height:45px;border-radius:14px;font-weight:800}.steps h3{color:#fff}.first-step .light{background:white;color:var(--jade)}.contact{background:linear-gradient(120deg,#e6fafa,#fff1ef)}.contact-details{border-color:#bfe5e4}.footer-brand{color:#09a8ae}.footer-main{background:#fff}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portal-grid>a{padding:32px;background:#e7fafa;border-radius:28px;transition:transform .25s}.portal-grid>a:nth-child(2){background:#ffefeb}.portal-grid>a:nth-child(3){background:#fff7de}.portal-grid>a:hover{transform:translateY(-5px)}.portal-grid span{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:24px}.portal-grid h3{font-size:25px}.portal-grid p{font-size:14px;color:var(--muted)}.portal-grid b{font-size:12px}.inner-hero{padding:65px 0 70px;background:radial-gradient(ellipse at 90% 20%,#c7f5f4,transparent 65%),linear-gradient(120deg,#efffff,#fff0eb)}.inner-hero h1{font-size:clamp(42px,5vw,70px);max-width:900px;margin-bottom:25px}.inner-hero .lead{max-width:680px;margin-bottom:0}.breadcrumb{font-size:12px;display:inline-block;margin-bottom:30px;color:var(--jade)}.detail-sections{padding-block:40px 20px}.detail-sections section{padding:42px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.4fr 1fr 1.25fr;gap:30px}.detail-sections h2{font-size:30px;margin:0}.detail-sections p{margin:0;font-size:16px;color:var(--muted)}.detail-sections .eyebrow{padding-top:8px}.inner-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:70px}.inner-cta h2{font-size:36px;margin:0}.program-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.program-filters button{border:1px solid #b5e2e3;background:white;color:var(--jade);border-radius:99px;padding:10px 22px;font-size:13px;font-weight:600}.program-filters button[aria-pressed=true]{background:var(--jade);color:white}.catalog-card[hidden]{display:none}.reveal-ready{opacity:0;transform:translateY(18px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .55s,transform .55s}.agency-panel{animation:arrive .8s ease both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.header nav{gap:12px;font-size:11px}.header>.button{display:none}.hero{gap:35px}.agency-panel{padding:25px}.hero h1{font-size:58px}.catalog-card{padding:24px}.header{padding-inline:30px}}@media(max-width:900px){.header nav{gap:10px;font-size:10px}.hero{gap:28px;padding-inline:35px}.hero h1{font-size:48px}.lead{font-size:16px}.agency-panel h2{font-size:24px}.original-brand{height:190px}.agency-video .play{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{gap:14px}.portal-grid>a{padding:24px}.detail-sections section{grid-template-columns:1fr 1.5fr}.detail-sections .eyebrow{grid-column:1/-1;margin:0}}
@media(max-width:760px){.header{height:82px;padding-inline:22px}.header nav{top:81px;padding:25px;font-size:15px;max-height:calc(100dvh - 82px);overflow:auto}.hero{padding:43px 24px;grid-template-columns:1fr}.hero h1{font-size:clamp(44px,8vw,62px);letter-spacing:-2px}.hero .eyebrow{font-size:9px}.agency-visual{max-width:500px}.agency-panel{padding:26px;border-radius:30px}.original-brand{height:240px}.agency-panel h2{font-size:29px}.agency-video{margin:16px 5px 0}.agency-video .play{display:grid}.values .wrap{font-size:11px}.model-list article,.model-list article:first-child{padding:22px}.model-list article{gap:18px}.portal-grid{grid-template-columns:1fr}.portal-grid>a{padding:28px}.catalog-grid{gap:14px}.catalog-card{padding:23px 20px;border-radius:21px}.catalog-card h3{font-size:21px}.story-image{height:350px}.story-body{padding:24px}.inner-hero{padding-block:40px 45px}.inner-hero h1{font-size:44px}.detail-sections section{grid-template-columns:1fr;gap:15px;padding-block:30px}.detail-sections h2{font-size:29px}.inner-cta{display:block;padding-block:50px}.inner-cta .button{margin-top:25px}.program-filters{gap:8px}.program-filters button{padding:9px 15px;font-size:12px}.first-step .light:hover{color:var(--jade)}}@media(max-width:500px){.catalog-grid{grid-template-columns:1fr}.catalog-card h3{font-size:24px}.original-brand{height:210px}.agency-panel h2{font-size:25px}.agency-video small{font-size:9px}}@media(prefers-reduced-motion:reduce){.agency-panel{animation:none}.reveal-ready{opacity:1;transform:none}.catalog-card:hover,.model-list article:hover,.portal-grid>a:hover{transform:none}}
