/* ESTUDIO-06: títulos Manrope, retrato integrado y móvil a menor escala. */
@font-face{font-family:Manrope;src:url('assets/Manrope-Variable.woff') format('woff'),url('assets/Manrope-Variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
html:has(.page-estudio){scroll-padding-top:var(--studio-header-height,70px)}
.page-estudio{--studio-ink:#012d20;--studio-blue:#175d8d;--studio-muted:#526657;--studio-line:#dce3db;--studio-paper:#f5f3ed;background:#fff}
.studio-layout{overflow:clip}.studio-shell{max-width:1200px;margin:auto;padding:0 30px}.studio-layout h1,.studio-layout h2{font-family:Manrope,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.035em}.studio-layout h2{font-size:clamp(36px,4vw,49px);line-height:1.16}.studio-layout :is(h1,h2) em{font-family:inherit;font-style:normal;font-weight:700;color:#2874a7}.studio-eyebrow{font:500 9px/1.5 var(--sans);letter-spacing:.14em;color:var(--studio-muted)}.studio-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:13px 20px;border:1px solid var(--studio-ink);background:var(--studio-ink);color:#fff;font-size:12px;line-height:1.4;transition:background .2s}.studio-primary:hover{background:#164536}.studio-primary>span{font-size:18px}.studio-text-link{border-bottom:1px solid currentColor;padding:6px 0;font-size:12px}.studio-layout button:focus-visible,.studio-layout a:focus-visible,.studio-layout summary:focus-visible,.studio-index a:focus-visible{outline:3px solid #549dcf;outline-offset:4px}.studio-hero{--studio-portrait-overlap:48px;background:var(--studio-paper)}.studio-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:630px;align-items:center}.studio-hero-copy{padding:60px 0 68px}.studio-hero-copy>.studio-eyebrow{margin-bottom:24px}.studio-hero h1{font-size:clamp(54px,5.6vw,79px);line-height:1.1;margin-bottom:26px}.studio-lead{max-width:400px;font-size:15px;line-height:1.85;color:var(--studio-muted)}.studio-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.studio-portrait{position:relative;z-index:8;pointer-events:none;align-self:end;height:630px;margin:0;min-width:0}.studio-portrait>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateY(var(--studio-portrait-overlap))}.studio-portrait figcaption{position:absolute;left:0;right:auto;bottom:24px;padding:10px 14px;background:#f5f3edef;border-left:1px solid #a6b6a6}.studio-portrait figcaption>span{display:block;font-size:9px;letter-spacing:.12em}.studio-portrait figcaption>small{font-size:10px;color:var(--studio-muted)}
.studio-index{position:sticky;top:var(--studio-header-height,70px);z-index:7;background:var(--studio-paper);border-bottom:1px solid var(--studio-line)}.studio-index>.studio-shell{display:flex;align-items:center;gap:36px;min-height:63px}.studio-index a{display:flex;align-items:center;gap:13px;align-self:stretch;padding:20px 0 17px;border-bottom:2px solid transparent;font-size:12px;color:var(--studio-muted);white-space:nowrap}.studio-index a>span{font-size:9px;color:#78877b}.studio-index a[aria-current=location]{border-color:var(--studio-blue);color:var(--studio-blue)}.studio-layout section[id]{scroll-margin-top:88px}
.page-estudio .studio-profile{padding:92px 0 88px;background:#fff}.studio-profile-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:90px;align-items:center}.studio-profile-copy>.studio-eyebrow{margin-bottom:18px}.studio-profile-copy h2{margin-bottom:25px}.studio-profile-copy>p:not(.studio-eyebrow){max-width:610px;font-size:14px;line-height:1.85;color:var(--studio-muted);margin-top:14px}.studio-principles{margin-top:28px;border-top:1px solid var(--studio-line)}.studio-principles details{border-bottom:1px solid var(--studio-line)}.studio-principles summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:13px 0;cursor:pointer;list-style:none;font-size:13px;color:var(--studio-ink)}.studio-principles summary::-webkit-details-marker{display:none}.studio-principles summary>span{position:relative;flex:0 0 16px;width:16px;height:16px}.studio-principles summary>span:before,.studio-principles summary>span:after{content:'';position:absolute;left:1px;right:1px;top:7px;height:1px;background:currentColor}.studio-principles summary>span:after{transform:rotate(90deg)}.studio-principles details[open] summary>span:after{transform:rotate(0)}.studio-principles details>p{padding:0 28px 18px 0;color:var(--studio-muted);font-size:12px;line-height:1.8}.studio-video{width:min(100%,224px);margin:0;justify-self:center}.studio-video button{position:relative;display:block;width:100%;padding:0;border:0;background:#e7e9df;text-align:left;overflow:hidden}.studio-video img{display:block;width:100%;height:auto}.studio-video-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);background:#012d2080;border:1px solid #ffffffc9;border-radius:50%;color:#fff}.studio-video-play svg{width:20px;height:20px;fill:currentColor;margin-left:3px}.studio-video button:hover .studio-video-play{background:#012d20d9}.studio-video figcaption{font-size:10px;color:var(--studio-muted);padding-top:12px}
.studio-team{padding:82px 0 76px;background:#edf2ee}.studio-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:36px}.studio-section-heading .studio-eyebrow{margin-bottom:18px}.studio-section-heading>p{max-width:330px;font-size:14px;line-height:1.85;color:var(--studio-muted);padding-bottom:4px}.studio-team-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.studio-team-gallery figure{margin:0;min-width:0}.studio-team-gallery figure,.studio-office-picture{position:relative;display:block;width:100%;padding:0;border:0;background:#d7ded4;overflow:hidden}.studio-team-gallery img{display:block;width:100%;height:550px;object-fit:cover;transition:transform .4s}.studio-team-wide img{object-position:center 68%}.studio-team-detail img{object-position:center 47%}.studio-team-gallery figcaption,.studio-office-picture figcaption{padding-top:12px;color:var(--studio-muted);font-size:10px;line-height:1.5}
.studio-office{padding:92px 0 88px;background:#fff}.studio-office-grid{display:grid;grid-template-columns:1fr 1fr;gap:98px;align-items:center}.studio-office-picture{margin:0;min-width:0}.studio-office-picture img{display:block;width:100%;height:auto}.studio-office-copy>.studio-eyebrow{margin-bottom:18px}.studio-office-copy h2{margin-bottom:27px}.studio-office-copy>p:not(.studio-eyebrow){max-width:405px;font-size:14px;line-height:1.85;color:var(--studio-muted);margin-top:15px}.studio-office-meta{margin:28px 0;padding:17px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);max-width:405px}.studio-office-meta>span{font-size:9px;letter-spacing:.13em}.studio-office-meta p{margin-top:5px;font-size:12px;color:var(--studio-muted)}.studio-social{display:flex;gap:22px;margin-top:18px;font-size:10px;color:#d2dfd6}.studio-social a:hover{text-decoration:underline;text-underline-offset:4px}

@media(min-width:1500px){.studio-hero-grid{min-height:680px}.studio-portrait{height:680px}}
@media(max-width:1100px){.studio-hero-grid{gap:20px;min-height:560px}.studio-portrait{height:560px}.studio-hero h1{font-size:66px}.studio-profile-grid{gap:48px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.studio-office-grid{gap:50px}.studio-team-gallery img{height:490px}}
@media(max-width:850px){.studio-shell{padding-left:24px;padding-right:24px}.studio-hero-grid{min-height:510px;gap:15px}.studio-portrait{height:510px}.studio-hero h1{font-size:56px}.studio-hero-copy{padding:45px 0}.studio-lead{font-size:13px}.studio-portrait figcaption{left:0;right:auto;bottom:15px;padding:8px 10px}.studio-portrait figcaption>small{font-size:8px}.studio-profile-grid{gap:30px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.studio-profile-copy>p:not(.studio-eyebrow){font-size:13px}.studio-layout h2{font-size:39px}.page-estudio .studio-profile{padding:65px 0}.studio-team{padding:62px 0}.studio-section-heading{gap:32px}.studio-section-heading>p{max-width:280px;font-size:13px}.studio-team-gallery{gap:20px;grid-template-columns:1fr 1fr}.studio-team-gallery img{height:420px}.studio-office{padding:64px 0}.studio-office-grid{gap:38px}.studio-office-copy>p:not(.studio-eyebrow){font-size:13px}}
@media(max-width:650px){.studio-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.studio-hero-copy{padding:40px 0 16px}.studio-hero-copy>.studio-eyebrow{margin-bottom:18px}.studio-hero h1{font-size:clamp(42px,11.7vw,64px);line-height:1.1;margin-bottom:22px}.studio-lead{font-size:14px;max-width:370px}.studio-actions{gap:24px;margin-top:23px}.studio-portrait{height:390px;width:100%;max-width:390px;justify-self:center}.studio-portrait figcaption{left:0;right:auto;bottom:16px}.studio-hero{--studio-portrait-overlap:32px}.studio-index>.studio-shell{justify-content:space-between;gap:12px;min-height:80px;padding-top:24px}.studio-index a{gap:0;padding:17px 0 13px;font-size:11px}.studio-index a>span{display:none}.studio-layout section[id]{scroll-margin-top:105px}.studio-profile-grid{grid-template-columns:minmax(0,1fr);gap:35px}.page-estudio .studio-profile{padding:48px 0}.studio-layout h2{font-size:38px}.studio-profile-copy h2{margin-bottom:22px}.studio-profile-copy>p:not(.studio-eyebrow){font-size:14px}.studio-video{width:200px}.studio-team{padding:48px 0}.studio-section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:27px}.studio-section-heading>p{max-width:420px;font-size:14px}.studio-team-gallery{grid-template-columns:minmax(0,1fr);gap:26px}.studio-team-gallery img{height:420px}.studio-team-detail img{height:350px}.studio-office{padding:48px 0}.studio-office-grid{grid-template-columns:minmax(0,1fr);gap:32px}.studio-office-copy>p:not(.studio-eyebrow){font-size:14px}}
@media(max-width:360px){.studio-hero h1{font-size:clamp(39px,12vw,43px)}.studio-layout h2{font-size:35px}.studio-portrait{height:350px}.studio-portrait figcaption>span{font-size:8px}.studio-team-gallery img{height:380px}.studio-team-detail img{height:330px}.studio-index a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:has(.page-estudio){scroll-behavior:auto}.studio-layout *{animation:none!important;transition:none!important}}

/* ESTUDIO-02: medios sin ampliacion fotografica y cierre social compacto. */
.studio-video-duration{position:absolute;right:12px;bottom:12px;padding:5px 8px;background:#012d20b8;color:#fff;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
.studio-follow{padding:27px 0;background:var(--studio-ink);color:#fff;border-bottom:1px solid #ffffff3d}.studio-follow>.studio-shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-layout .studio-follow h2{font:400 29px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em}.studio-follow .studio-social{display:flex;align-items:center;gap:28px;margin:0;color:#fff;font-size:13px}.studio-follow .studio-social a{padding:6px 0;border-bottom:1px solid #ffffff65;text-decoration:none}.studio-follow .studio-social a:hover{border-color:#fff}.studio-follow .studio-social span{margin-left:10px}
@media(max-width:650px){.studio-follow{padding:23px 0}.studio-follow>.studio-shell{gap:16px;flex-wrap:wrap}.studio-layout .studio-follow h2{font-size:27px}.studio-follow .studio-social{gap:20px;font-size:12px}}

/* ESTUDIO-04: marco de móvil alargado, reproducción y ubicación. */
.studio-phone{position:relative;width:100%;padding:8px;background:#14231b;border:1px solid #526354;border-radius:34px;box-shadow:0 16px 32px #012d2026,0 2px 6px #012d2020}
.studio-phone:before,.studio-phone:after{content:'';position:absolute;background:#304035;border-radius:3px}
.studio-phone:before{right:-3px;top:84px;width:3px;height:37px}.studio-phone:after{left:-3px;top:63px;width:3px;height:29px}
.studio-video .studio-phone-screen{aspect-ratio:9/19.5;border-radius:25px;background:#14231b;overflow:hidden}
.studio-video .studio-phone-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-phone-mask{position:absolute;z-index:3;inset:0;border:7px solid #14231b;border-radius:34px;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}
.studio-phone-speaker{position:absolute;z-index:4;left:50%;top:14px;transform:translateX(-50%);width:62px;height:17px;background:#111a15;border-radius:15px;pointer-events:none}
.studio-phone-speaker:after{content:'';position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#263b34;box-shadow:inset 0 0 0 2px #16251e}
.studio-phone-home{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);width:59px;height:3px;border-radius:4px;background:#ffffffb8;pointer-events:none}
/* ESTUDIO-05: Play discreto de cristal, con un solo borde. */
.studio-video .studio-phone-screen .studio-video-play{width:46px;height:46px;border:1px solid #ffffffa6;border-radius:50%;background:#0c211b5c;color:#fff;box-shadow:0 3px 12px #00150e20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s,transform .2s}
.studio-video .studio-phone-screen .studio-video-play svg{width:15px;height:15px;margin-left:0}
.studio-video .studio-phone-screen:hover .studio-video-play,.studio-video .studio-phone-screen:focus-visible .studio-video-play{background:#0c211b80;border-color:#fff;transform:translate(-50%,-50%) scale(1.06)}
.studio-video-duration{bottom:14px;right:12px;border-radius:4px}
.studio-team-gallery figure,.studio-office-picture{background:transparent}
.studio-office-contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;margin-top:27px;padding-top:20px;border-top:1px solid var(--studio-line);max-width:420px}
.studio-office-contact address{font:500 14px/1.65 var(--sans);font-style:normal}.studio-office-label{display:block;font-size:8px;letter-spacing:.12em;line-height:1.5;color:var(--studio-muted);margin-bottom:8px}.studio-office-phone{display:inline-block;font:400 21px/1.4 var(--serif);white-space:nowrap}.studio-office-phone:hover{text-decoration:underline;text-underline-offset:4px}
.studio-map-wrap{position:relative;margin-top:24px;max-width:440px}.studio-office-map{height:220px;width:100%;border:1px solid var(--studio-line);background:#eaf0e8;z-index:0}.studio-office-map .leaflet-tile{filter:grayscale(1)}.studio-office-map .leaflet-control-attribution{font:500 9px/1.5 var(--sans);background:#ffffffed}.studio-office-map .leaflet-control-attribution a{color:#175d8d}.studio-office-map .leaflet-control-zoom a{width:32px;height:32px;line-height:32px;font-size:20px}.studio-office-map .leaflet-control-zoom{border:1px solid #d4ded5;box-shadow:0 2px 6px #012d2014}.studio-map-center{position:absolute;z-index:1;top:10px;right:10px;display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #d4ded5;border-radius:3px;background:#fff;color:var(--studio-ink);box-shadow:0 2px 6px #012d2014;font:500 11px/1.4 var(--sans)}.studio-map-center svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.studio-map-center:hover{background:#f2f5f1}.studio-map-link{display:inline-flex;align-items:center;gap:18px;font-size:11px;border-bottom:1px solid #8ea18f;margin-top:9px;padding:4px 0}.studio-office-copy>.studio-primary{margin-top:20px}
.studio-office-pin{display:grid;place-items:center;background:transparent;border:0}.studio-office-pin>span{display:block;width:22px;height:22px;border-radius:50%;border:4px solid #fff;background:#175d8d;box-shadow:0 3px 12px #012d2055}.studio-map-tooltip{border:1px solid #d8e1d8;border-radius:3px;box-shadow:0 2px 7px #012d2014;color:var(--studio-ink);font:500 11px/1.4 var(--sans)}
.studio-follow .studio-social{gap:12px}.studio-follow .studio-social a{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff65;border-radius:50%;transition:background .18s}.studio-follow .studio-social a:hover{background:#ffffff12;border-color:#fff}.studio-follow .studio-social svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.studio-follow .studio-social .studio-social-dot{fill:currentColor;stroke:none}.studio-follow .studio-social a[href*="tiktok"] svg{fill:currentColor;stroke:none}.studio-follow .studio-social .studio-social-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.studio-office-contact{gap:14px}.studio-office-map{height:210px}.studio-follow .studio-social{gap:12px}}
@media(max-width:360px){.studio-office-phone{font-size:19px}.studio-office-contact address{font-size:13px}}