/* Prueba editorial: más espacio para las imágenes, menos repetición. */
html.motion-preview .collection h2{translate:none!important;will-change:auto}
.hero-identity{padding-top:34px}.masthead{letter-spacing:-.08em}.index-intro{margin-top:64px}.portfolio-index{margin-top:24px}.index-row{min-height:61px}.row-location{opacity:.65}.row-year{font-size:11px}
.collection{height:84svh;min-height:620px}.collection-copy,.collection:nth-of-type(n) .collection-copy{padding:55px 13%}.collection-copy p:first-of-type{font-size:clamp(30px,3vw,46px);line-height:1.08;letter-spacing:-.05em;margin-bottom:25px}.collection-copy p+p{font-size:clamp(17px,1.4vw,21px);line-height:1.5;max-width:420px}.collection-copy .underlined{margin-top:15px}
.selected-work{padding:100px 6%}.selected-work-grid{grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}.selected-work-grid>a:first-child{grid-row:span 2}.selected-work-grid>a:first-child img{height:710px;object-position:62% center}.selected-work-grid>a:not(:first-child) img{height:300px;object-position:50% 60%}.selected-work-grid>a>span{font-size:17px;padding-top:16px}.selected-work-grid>a:first-child>span{padding-top:20px}
.work-gallery-grid{grid-template-columns:1.25fr 1fr;gap:45px;align-items:start}.work-gallery-grid figure:first-child img{height:auto;max-height:850px;object-fit:contain}.work-gallery-grid figure:nth-child(2){margin-top:120px}.work-gallery-grid figure:nth-child(2) img{height:520px}.work-gallery h2{max-width:600px}.work-gallery-heading{align-items:start}.work-gallery-heading>p{max-width:250px;font-size:14px;line-height:1.5;margin-top:6px}
.closing,.service-closing{padding:65px 8%;gap:50px}.closing h2,.service-closing h2{font-size:clamp(46px,5.5vw,80px);line-height:1}.closing>div,.service-closing>div{border:0;padding:0;max-width:370px}.closing .underlined{font-size:18px}.closing>div>a[href^="mailto:"]{font-size:13px;opacity:.72}.process-strip{padding-bottom:45px;gap:45px}.process-strip p{font-size:14px;line-height:1.5}.process-strip article{padding-top:18px}
@media(max-width:1000px) and (min-width:761px){.index-intro{margin-top:45px}.index-row{min-height:54px}.collection-copy,.collection:nth-of-type(n) .collection-copy{padding:40px 10%}.selected-work-grid>a:first-child img{height:630px}.selected-work-grid>a:not(:first-child) img{height:260px}}
@media(max-width:760px){.hero-identity{padding-top:100px}.index-intro{margin-top:35px}.index-row{min-height:60px}.collection{height:auto;min-height:0}.collection-image{height:58svh}.collection-copy,.collection:nth-of-type(n) .collection-copy{padding:40px 25px 50px}.collection-copy p:first-of-type{font-size:34px}.collection-copy p+p{font-size:18px}.selected-work{padding:60px 25px}.selected-work-grid{display:block}.selected-work-grid>a{display:block;margin-bottom:35px}.selected-work-grid>a:first-child img{height:350px}.selected-work-grid>a:not(:first-child) img{height:390px}.work-gallery-grid{grid-template-columns:1fr;gap:35px}.work-gallery-grid figure:nth-child(2){margin-top:0}.work-gallery-grid figure:nth-child(2) img{height:380px}.closing,.service-closing{padding:50px 25px}.closing h2,.service-closing h2{font-size:48px}.closing>div{margin-top:28px}.process-strip{padding-bottom:40px}.work-gallery-heading>p{max-width:none;margin-top:15px}}
/* Un solo sistema de navegación visible por tamaño de pantalla. */
@media(min-width:761px){
.site-navbar .menu-trigger,.service-header .menu-trigger{display:none}
.site-navbar{border-radius:3px}.navbar-links{gap:23px;padding:15px 20px}
.service-header .navbar-links>a{display:block}.service-header .navbar-links>a.navbar-whatsapp{display:grid}
}
@media(min-width:761px) and (max-width:1100px){.service-brand{font-size:32px}.service-header .navbar-links{gap:16px;padding:13px 15px}.service-header .navbar-quote{padding-left:15px;font-size:11px}}
@media(max-width:760px){.site-navbar .navbar-links,.service-header .navbar-links{display:none}.site-navbar .menu-trigger,.service-header .menu-trigger{display:flex}}
/* Navegación móvil discreta, con enlaces directos como en escritorio. */
@media(max-width:760px){
.site-navbar{position:fixed;top:18px;right:20px;left:20px;inset-inline:20px;width:auto;background:#1b1816f2;border:1px solid #ffffff18;box-shadow:none;border-radius:3px}
.site-navbar .navbar-links,.service-header .navbar-links{display:flex;justify-content:center;align-items:center;gap:30px;padding:12px 16px;font-size:11px;font-weight:400;width:100%;margin:0;background:transparent;border:0}
.site-navbar .navbar-links>a,.service-header .navbar-links>a{display:block;opacity:.75}
.site-navbar .navbar-links .navbar-quote,.service-header .navbar-links .navbar-quote,.site-navbar .navbar-links a.navbar-whatsapp,.service-header .navbar-links a.navbar-whatsapp{display:none}
.site-navbar .menu-trigger,.service-header .menu-trigger{display:none}
.navbar-links>a:hover,.navbar-links>a:focus-visible{opacity:1}
.service-header{position:absolute;height:auto;padding:27px 20px 0;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.service-header .navbar-links{justify-content:flex-start;padding:0 0 12px;gap:27px;border-bottom:1px solid #ffffff18}
.service-opening{padding-top:160px}
.hero-identity{padding-top:100px}
}
/* Menú desplegable junto al logotipo en móvil. */
@media(max-width:760px){
.site-navbar{position:absolute;top:29px;right:20px;left:auto;inset-inline:auto 20px;width:auto;background:var(--paper);border:1px solid #ffffff25;border-radius:3px;z-index:21}
.site-navbar .navbar-links,.service-header .navbar-links{display:none}
.site-navbar .menu-trigger,.service-header .menu-trigger{display:flex;position:static;padding:10px 12px;gap:12px;font-size:11px;border:0;border-radius:3px;background:var(--paper);color:var(--ink)}
.hero-identity{padding-top:29px}.masthead{font-size:clamp(30px,8.7vw,52px);padding-right:85px;line-height:1;white-space:nowrap}.masthead>span{padding-top:8px;max-width:260px;white-space:normal;font-size:12px;margin-top:18px}.masthead>span .hero-location{font-size:11px}.index-intro{margin-top:34px}
.service-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-top:29px}.service-brand{font-size:clamp(28px,8vw,42px)}.service-header .menu-trigger{border:1px solid #ffffff25}.service-opening{padding-top:125px}
#menu{position:absolute;inset:82px 20px auto auto;margin:0;width:min(290px,calc(100vw - 40px));height:auto;max-height:calc(100svh - 110px);padding:10px 20px;background:var(--paper);color:var(--ink);border:1px solid #ffffff25;border-radius:3px;box-shadow:0 15px 40px #0004;animation:none;z-index:22}
#menu .menu-head,#menu .menu-contact{display:none}#menu nav{display:grid;gap:0;margin:0}#menu nav a{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid #ffffff12;color:var(--ink);opacity:.85}#menu nav a:last-child{border-bottom:0}#menu nav a:hover{opacity:1;color:#c9af94}body:has(#menu[open]):not(:has(#quote[open])){overflow:auto}
}
/* Footer reducido a marca y conversación. */
.formal-footer.compact-footer{grid-template-columns:1fr 1fr;padding:60px 6% 24px;gap:45px 70px;background:#171310;color:#eae6dc}
.compact-footer .footer-brand{font-size:clamp(34px,4.3vw,62px);letter-spacing:-.08em;line-height:1;font-weight:600}
.compact-footer .footer-intro p{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.025em;color:#d6cdc4;margin-top:20px}.compact-footer .footer-intro p span{font-size:13px;font-weight:400;color:#a99786}
.compact-footer .footer-contact{justify-self:end;justify-items:start;gap:17px;max-width:420px}.compact-footer .footer-contact>.footer-invitation{font-size:clamp(23px,2.5vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.04em;padding:0 0 12px;border-bottom:1px solid #594b40;display:flex;align-items:center;gap:25px}.compact-footer .footer-email{font-size:14px;font-weight:400;letter-spacing:-.015em;overflow-wrap:anywhere;color:#d6cdc4}
.compact-footer .footer-social{display:flex;gap:24px;margin-top:4px;font-size:12px;letter-spacing:-.01em;justify-content:start}.compact-footer .footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding-top:20px;border-top:1px solid #ffffff18;font-size:11px;letter-spacing:-.01em;color:#a99786}.compact-footer .footer-bottom button{font-size:11px;color:inherit}
@media(max-width:760px){.formal-footer.compact-footer{grid-template-columns:1fr;padding:42px 25px 22px;gap:30px}.compact-footer .footer-brand{font-size:42px}.compact-footer .footer-contact{justify-self:start;grid-column:auto}.compact-footer .footer-intro p{font-size:15px;margin-top:16px}.compact-footer .footer-invitation{font-size:26px!important}.compact-footer .footer-email{font-size:13px}.compact-footer .footer-bottom{flex-direction:row;flex-wrap:wrap;font-size:10px;gap:15px}.compact-footer .footer-bottom button{font-size:10px}}
/* La invitación vive en el cierre; el footer conserva los datos de contacto. */
.closing .closing-invitation{display:flex;align-items:center;gap:25px;font-family:'DM Sans',sans-serif;font-size:clamp(23px,2.5vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.04em;padding:0 0 12px;border-bottom:1px solid #594b40;margin:0 0 8px;align-self:flex-start}
.compact-footer .footer-contact{align-content:start;padding-top:5px;gap:18px}
@media(max-width:760px){.closing .closing-invitation{font-size:26px;gap:25px}.compact-footer .footer-contact{padding-top:0}}
.instagram-icon{width:21px;height:21px;display:block;flex-shrink:0}.navbar-instagram{display:grid;place-items:center}.footer-social a{display:inline-flex;align-items:center;gap:8px}.footer-social .instagram-icon{width:16px;height:16px}.dropdown-actions{display:none}
@media(min-width:761px) and (max-width:1100px){.service-header{flex-wrap:wrap}.service-header .navbar-links{gap:18px}.navbar-links{gap:18px}}
@media(max-width:760px){
.site-navbar .navbar-links,.service-header .navbar-links{display:none}
#menu .dropdown-actions{display:grid;gap:18px;padding:16px 0 10px;border-top:1px solid #ffffff18}
#menu .dropdown-actions .navbar-quote{padding:0;border:0;font-size:14px;display:flex;align-items:center;gap:15px;justify-content:space-between;width:100%}
#menu .dropdown-socials{display:flex;gap:20px;align-items:center}#menu .dropdown-socials>a{display:grid;place-items:center;width:30px;height:30px;color:var(--ink)}#menu .dropdown-socials svg{width:21px;height:21px}
}
/* Iconos sociales con tamaño y peso visual equivalentes. */
.navbar-instagram .instagram-icon,.dropdown-socials .instagram-icon{width:21px;height:21px;stroke-width:2}
.navbar-whatsapp svg,.dropdown-socials .navbar-whatsapp svg{width:21px;height:21px}
.footer-social .instagram-icon{stroke-width:2}
@media(max-width:760px){
.site-navbar{top:25px;right:20px;align-items:center}
.site-navbar .menu-trigger,.service-header .menu-trigger{min-height:42px;padding:11px 15px;font-size:13px;gap:14px;line-height:1;justify-content:center;align-items:center}
.site-navbar .menu-trigger span,.service-header .menu-trigger span{font-size:20px;line-height:1}
.hero-identity{padding-top:29px}.masthead{padding-right:100px}
.service-header{align-items:center}.service-header .menu-trigger{flex-shrink:0;align-self:center}
#menu{top:82px}
}
#visualizacion h2{font-size:clamp(36px,4.2vw,66px)}
body[data-service="Visualización 3D de espacios"] .service-hero h1{font-size:clamp(40px,4.6vw,70px)}
@media(max-width:760px){#visualizacion h2{font-size:40px}.index-row[data-preview="5"] .row-name{font-size:13px}body[data-service="Visualización 3D de espacios"] .service-hero h1{font-size:42px}}
/* Presentación del estudio debajo de la frase. */
.about-studio{display:grid;grid-template-columns:1fr 3fr;gap:35px;border-top:1px solid #594b40;margin-top:60px;padding-top:30px;color:#eae6dc}.about-studio h3{font-size:15px;font-weight:500;letter-spacing:-.025em;margin:4px 0 0}.about-studio p{font-family:'DM Sans',sans-serif;font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.4;letter-spacing:-.03em;margin:0}.about-studio p+p{font-size:clamp(15px,1.25vw,18px);font-weight:400;line-height:1.5;letter-spacing:-.015em;color:#c9af94;margin-top:20px}
@media(max-width:760px){.about-studio{grid-template-columns:1fr;gap:18px;margin-top:35px;padding-top:25px}.about-studio h3{font-size:13px;margin:0}.about-studio p{font-size:20px}.about-studio p+p{font-size:16px}}
/* Proyectos: una entrada y una galería independientes. */
.selected-work .work-gallery-heading{flex-wrap:wrap;align-items:center}.selected-work .work-gallery-heading>p{display:none}.selected-work .projects-link{font-size:14px;gap:16px;white-space:nowrap}.selected-work-grid>figure{margin:0}.selected-work-grid>figure:first-child{grid-row:span 2}.selected-work-grid>figure:first-child img{height:710px;object-position:62% center}.selected-work-grid>figure:not(:first-child) img{height:300px;object-position:50% 60%}.selected-work-grid figcaption{font-size:17px;letter-spacing:-.025em;padding-top:17px}
.projects-intro{padding:180px 6% 65px}.projects-intro h1{font-size:clamp(64px,8vw,116px);font-weight:600;line-height:1;letter-spacing:-.06em;margin:0 0 24px}.projects-intro p{font-size:clamp(19px,2vw,27px);font-weight:500;letter-spacing:-.03em;line-height:1.4;color:#bcb1a6;max-width:600px;margin:0}.projects-gallery{padding:0 6% 85px}.projects-grid{columns:2;column-gap:40px}.projects-grid figure{break-inside:avoid;margin:0 0 45px}.projects-grid .gallery-open img{height:auto;width:100%;object-fit:contain}.projects-grid figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:16px;font-size:16px;letter-spacing:-.025em}.projects-grid figcaption>span+span{font-size:11px;opacity:.6}.projects-note{font-size:11px;opacity:.55;margin:0}.navbar-links>a[aria-current="page"]{opacity:1;color:#c9af94}
@media(max-width:1000px) and (min-width:761px){.navbar-links{gap:16px}.selected-work-grid>figure:first-child img{height:630px}.selected-work-grid>figure:not(:first-child) img{height:260px}}
@media(max-width:760px){.selected-work-grid>figure{margin-bottom:32px}.selected-work-grid>figure:first-child img{height:350px}.selected-work-grid>figure:not(:first-child) img{height:390px}.selected-work .projects-link{font-size:13px}.projects-intro{padding:135px 25px 40px}.projects-intro h1{font-size:65px}.projects-intro p{font-size:20px}.projects-gallery{padding:0 25px 55px}.projects-grid{columns:1}.projects-grid figure{margin-bottom:32px}.projects-grid figcaption{font-size:14px}}

#visualizacion .collection-image img,body[data-service="Visualización 3D de espacios"] .service-visual img{object-position:50% 55%}

@media(max-width:760px){
html.mobile-nav-scrolled .site-navbar{position:fixed;top:16px;right:16px;left:auto;inset-inline:auto 16px;width:42px;height:42px;border:1px solid #ffffff25;background:#1b1816e6;box-shadow:0 3px 12px #0002;border-radius:3px;opacity:.85}
html.mobile-nav-scrolled .site-navbar .menu-trigger,html.mobile-nav-scrolled .service-header .menu-trigger{display:flex;width:42px;height:42px;min-height:42px;padding:0;gap:0;font-size:0;position:relative;background:transparent}
html.mobile-nav-scrolled .service-header .menu-trigger{position:fixed;top:16px;right:16px;z-index:21;border:1px solid #ffffff25;background:#1b1816e6;box-shadow:0 3px 12px #0002;opacity:.85}
html.mobile-nav-scrolled .menu-trigger span{display:none}
html.mobile-nav-scrolled .menu-trigger::before{content:'';width:17px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:absolute;left:12px;top:15px}
html.mobile-nav-scrolled .menu-trigger::after{content:'';width:17px;height:1px;background:currentColor;position:absolute;left:12px;top:20px}
html.mobile-nav-scrolled .site-navbar:hover,html.mobile-nav-scrolled .service-header .menu-trigger:hover{opacity:1}
html.mobile-nav-scrolled #menu{position:fixed;top:68px;right:16px}
}
/* Icono flotante centrado, con una sola superficie. */
@media(max-width:760px){
html.mobile-nav-scrolled .site-navbar{position:fixed;inset:16px 16px auto auto;inset-inline: auto 16px;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;opacity:1;overflow:visible}
html.mobile-nav-scrolled .site-navbar .menu-trigger,html.mobile-nav-scrolled .service-header .menu-trigger{box-sizing:border-box;position:relative;inset:auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;max-width:44px;padding:0!important;margin:0;gap:0;border:1px solid #ffffff28;border-radius:50%;background:#1b1816d9;color:#eae6dc;box-shadow:0 2px 10px #0002;font-size:0;line-height:0;opacity:.9;align-self:auto;overflow:hidden}
html.mobile-nav-scrolled .service-header .menu-trigger{position:fixed;inset:16px 16px auto auto;z-index:21}
html.mobile-nav-scrolled .menu-trigger::before{content:'';position:absolute;inset:auto;left:50%;top:50%;width:16px;height:1px;margin:0;padding:0;border:0;border-radius:0;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;transform:translate(-50%,-50%)}
html.mobile-nav-scrolled .menu-trigger::after{content:none;display:none}
html.mobile-nav-scrolled .menu-trigger:hover,html.mobile-nav-scrolled .menu-trigger:focus-visible{opacity:1}
}