/* eg. · dirección visual de portada. La pieza material es una ilustración de marca. */
.h60-home{--h60-ink:#172C25;--h60-green:#223D35;--h60-paper:#F6F4EF;--h60-sage:#E1E9E2;--h60-muted:#52665B;--h60-line:#CDD7CE;color:var(--h60-ink);font-family:DM,"DM Sans",Arial,sans-serif;background:var(--h60-paper)}
.h60-home *{box-sizing:border-box}.h60-home :is(h1,h2,h3,p,figure,ul){margin:0}.h60-home a{color:inherit;text-decoration:none;text-underline-offset:5px}.h60-home a:hover{text-decoration:underline}.h60-home a:focus-visible,.h60-home button:focus-visible,.h60-home [tabindex="0"]:focus-visible{outline:3px solid #577C60;outline-offset:5px}.h60-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.h60-eyebrow{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--h60-muted)}
.h60-hero{min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#F2F0E9}.h60-hero-art{position:absolute;inset:0;z-index:-1;display:block}.h60-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%}.h60-hero-inner{padding-top:100px;padding-bottom:115px;position:relative}.h60-home .h60-hero h1{font-family:DM,"DM Sans",sans-serif;font-size:clamp(66px,6.1vw,92px);line-height:1.04;letter-spacing:-.055em;font-weight:540;max-width:11ch;margin:25px 0 28px}.h60-home .h60-hero h1>span{font-family:Editorial,"DM Serif Display",Georgia,serif;font-size:.94em;line-height:1.08;letter-spacing:-.045em;font-weight:400}.h60-lead{font-size:18px;line-height:1.65;color:#40584B;max-width:37ch}.h60-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.h60-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:16px 24px;border-radius:999px;background:var(--h60-green);color:#F6F4EF!important;font-size:14px;line-height:1.4;font-weight:550;transition:background .18s ease,transform .18s ease}.h60-button:hover{background:#172C25;text-decoration:none!important;transform:translateY(-2px)}.h60-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;line-height:1.5;font-weight:500}.h60-text-link span,.h60-service-links a span,.h60-all-services span{display:inline-block;transition:transform .2s ease}.h60-text-link:hover span,.h60-service-links a:hover span,.h60-all-services:hover span{transform:translate(3px,-3px)}.h60-direct{font-size:12px;line-height:1.6;color:var(--h60-muted);margin-top:20px!important}.h60-hero-foot{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#40584B;font-size:11px;line-height:1.5;letter-spacing:.025em}
.h60-brands{background:#FFF;padding-block:40px 36px}.h60-brands-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.h60-home .h60-brands h2{font-family:DM,sans-serif;font-size:17px;line-height:1.5;font-weight:500;letter-spacing:-.02em}.h60-brands-heading>p{font-size:12px;line-height:1.6;color:var(--h60-muted)}.h60-brand-grid{list-style:none;padding:24px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:center}.h60-brand-grid li{min-height:115px;min-width:0;display:flex;align-items:center;justify-content:center}.h60-brand-grid img{display:block;object-fit:contain;border:0;filter:none;opacity:1;max-width:100%;height:auto}.h60-logo-opticalh{width:136px}.h60-logo-herradores{width:155px}.h60-logo-gafas{width:128px}.h60-brand-grid .h60-brand-emblem{flex-direction:column;gap:4px}.h60-brand-emblem img{width:80px;height:80px}.h60-brand-emblem>span{font-size:10px;line-height:1.5;text-align:center;color:#41564A}.h60-brand-romeo img{width:70px;height:70px}.h60-tattoo-signature{font-size:17px;font-weight:550;line-height:1.25;letter-spacing:-.045em;text-align:center}.h60-tattoo-signature>span{display:block;font-size:12px;font-weight:400;letter-spacing:.08em;margin-top:3px}
.h60-services{padding-block:110px 105px;scroll-margin-top:100px}.h60-section-heading{margin-bottom:42px!important}.h60-home .h60-section-heading h2,.h60-home .h60-person h2{font-family:DM,sans-serif;font-size:clamp(36px,3.5vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin-top:16px}.h60-section-heading>p:last-child:not(.h60-eyebrow){font-size:16px;line-height:1.65;color:var(--h60-muted);margin-top:20px;max-width:54ch}.h60-service-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:26px}.h60-service{border-radius:28px;overflow:hidden;min-width:0;padding:42px;background:white}.h60-service-web{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:54px}.h60-label{font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;color:#52665B}.h60-home .h60-service h3{font-family:DM,sans-serif;font-size:clamp(27px,2.4vw,35px);line-height:1.17;font-weight:500;letter-spacing:-.04em;margin:17px 0}.h60-service-copy>p:not(.h60-label){font-size:16px;line-height:1.7;max-width:47ch;color:#52665B}.h60-service-links{display:flex;flex-wrap:wrap;gap:5px 25px;margin-top:24px}.h60-service-links a{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:550;line-height:1.5;min-height:44px}.h60-web-visual{background:#F1F3EC;min-width:0;padding:24px 30px 25px;border-radius:19px;box-shadow:0 20px 35px rgb(34 61 53 / 5%);transform:rotate(-2deg);transition:transform .35s ease}.h60-service-web:hover .h60-web-visual{transform:rotate(0)}.h60-visual-top{display:flex;align-items:center;gap:12px;padding-bottom:24px}.h60-visual-top img{width:30px;height:30px;flex:none}.h60-visual-top span{font-size:10px;color:#52665B}.h60-visual-top span:last-child{margin-left:auto;font-size:17px}.h60-web-word{font-size:clamp(35px,3.6vw,52px);line-height:1.08;letter-spacing:-.055em;font-weight:500;padding-block:10px 25px}.h60-web-word>span{font-family:Editorial,Georgia,serif;font-weight:400;color:#4D7855}.h60-web-rail{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #CDD7CE;padding-top:15px;font-size:10px;line-height:1.5;color:#52665B}.h60-service-seo{background:var(--h60-green);color:#F6F4EF}.h60-service-seo .h60-label,.h60-service-seo .h60-service-copy>p:not(.h60-label){color:#DCE5D8}.h60-search-visual{margin-top:35px;padding:16px 0 0;color:#B8D8A0}.h60-search-sources{display:flex;justify-content:space-around;gap:20px;font-size:14px;color:#E8EEDC}.h60-search-visual svg{display:block;width:100%;height:75px}.h60-search-destination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #698574;padding-top:24px;gap:16px}.h60-search-destination>span:first-child{font-family:Editorial,Georgia,serif;font-size:46px;line-height:1.2;letter-spacing:-.035em;color:#F6F4EF}.h60-search-destination>span:last-child{font-size:12px;line-height:1.5;color:#DCE5D8}.h60-search-destination b{font-weight:400;font-size:18px;margin-left:15px}.h60-service-consult{background:var(--h60-sage)}.h60-consult-visual{position:relative;padding:44px 0 4px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}.h60-consult-visual>span:not(.h60-consult-orbit){font-size:clamp(38px,3.8vw,55px);line-height:1.07;font-weight:500;letter-spacing:-.05em;position:relative;z-index:1}.h60-consult-visual>span:nth-child(3){margin-left:28px}.h60-consult-visual>span:nth-child(4){margin-left:56px;font-family:Editorial,Georgia,serif;font-weight:400}.h60-dot{color:#6C9465}.h60-consult-orbit{position:absolute;right:-25px;bottom:20px;width:190px;height:190px;border:1px solid #BACABC;border-radius:50%;transform:rotate(-28deg) scaleX(.7);z-index:-1}.h60-consult-orbit::before,.h60-consult-orbit::after{content:"";position:absolute;inset:14px;border:1px solid #BACABC;border-radius:50%}.h60-consult-orbit::after{inset:30px}.h60-consult-visual small{font-size:11px;color:#52665B;line-height:1.5;margin-top:22px}.h60-all-services{display:flex;align-items:center;justify-content:center;gap:28px;font-size:14px;line-height:1.5;padding-block:16px;margin-top:25px}
.h60-work{padding-block:95px 100px;background:white}.h60-work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.h60-work-heading .h60-text-link{flex:none}.h60-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.h60-case{min-width:0}.h60-case-image{display:block;border-radius:22px;overflow:hidden;aspect-ratio:1.36;background:#EBE9E1}.h60-case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.h60-case-opticalh{padding:25px;background:#E7EBE5}.h60-case-opticalh img{object-fit:contain;border-radius:7px;box-shadow:0 10px 26px rgb(23 44 37 / 8%)}.h60-case-image:hover img{transform:scale(1.025)}.h60-case figcaption{padding:20px 1px 0}.h60-case figcaption>p:first-child{font-size:11px;line-height:1.5;color:#52665B}.h60-home .h60-case h3{font-family:DM,sans-serif;font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:8px 0}.h60-case h3 a{display:flex;justify-content:space-between;gap:25px}.h60-case figcaption>p{font-size:14px;line-height:1.7;color:#52665B}.h60-case small{display:block;font-size:10px;line-height:1.6;color:#52665B;margin-top:5px}
.h60-method{padding-block:105px 110px}.h60-stages{display:grid;grid-template-columns:.9fr 1.4fr;gap:80px}.h60-stage-tabs{display:flex;flex-direction:column;align-self:start;border-top:1px solid #CCD6CC}.h60-stage-tabs[hidden]{display:none}.h60-stage-tabs button{display:flex;align-items:center;gap:19px;text-align:left;width:100%;border:0;border-bottom:1px solid #CCD6CC;background:none;color:#607266;padding:22px 0;min-height:72px;font:500 21px/1.4 DM,sans-serif;letter-spacing:-.025em;cursor:pointer}.h60-stage-tabs button>span{font-size:12px;letter-spacing:0;font-weight:400}.h60-stage-tabs b{margin-left:auto;font-size:20px;font-weight:400}.h60-stage-tabs button[aria-selected="true"]{color:#172C25}.h60-stage-tabs button[aria-selected="true"] b{transform:rotate(45deg)}.h60-stage-content section{position:relative;padding:30px 0 40px;min-height:270px}.h60-stage-content section[hidden]{display:none}.h60-stage-index{position:absolute;right:0;top:-24px;font-size:150px;line-height:1;font-weight:450;letter-spacing:-.09em;color:#E1E7DC;z-index:0;pointer-events:none}.h60-home .h60-stage-content h3{position:relative;font-family:DM,sans-serif;font-size:32px;font-weight:500;letter-spacing:-.035em;line-height:1.2;max-width:19ch}.h60-stage-content p{position:relative;font-size:17px;line-height:1.75;max-width:43ch;margin-top:20px;color:#52665B}.h60-stage-content .h60-stage-output{font-size:11px;line-height:1.6;margin-top:30px;letter-spacing:.035em;color:#40584B}.h60-method-link{margin-top:30px}.h60-method:not(.h60-stages-ready) .h60-stages{display:block}.h60-method:not(.h60-stages-ready) .h60-stage-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.h60-person{padding-block:75px;background:#E1E9E2}.h60-person-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center;max-width:1080px}.h60-person figure{overflow:hidden;border-radius:20px;max-width:350px}.h60-person img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 35%}.h60-person-grid>div>p:not(.h60-eyebrow){font-size:17px;line-height:1.75;color:#40584B;max-width:43ch;margin-top:24px}.h60-person-links{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:22px}.h60-home [id]{scroll-margin-top:100px}
@media(min-width:1600px){.h60-hero-art img{object-position:50% 58%}.h60-hero{min-height:830px}.h60-hero-inner{padding-top:125px}}
@media(max-width:1150px){.h60-wrap{width:calc(100% - 64px)}.h60-hero{min-height:710px}.h60-hero-inner{padding-top:82px}.h60-home .h60-hero h1{font-size:70px;max-width:10ch}.h60-lead{font-size:17px;max-width:33ch}.h60-hero-art img{object-position:57% 50%}.h60-actions{gap:18px}.h60-brand-grid{gap:20px}.h60-service-web{padding:40px;gap:35px}.h60-service{padding:34px}.h60-service-grid{gap:22px}.h60-person-grid{gap:65px}.h60-stages{gap:55px}}
@media(max-width:900px){.h60-home .h60-hero h1{font-size:60px}.h60-hero-art img{opacity:.72;object-position:62% 50%}.h60-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(246 244 239 / 92%),rgb(246 244 239 / 55%) 40%,transparent 65%)}.h60-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 35px}.h60-brands-heading{display:block}.h60-brands-heading>p{margin-top:8px}.h60-service-web{grid-template-columns:1fr;gap:35px}.h60-web-visual{max-width:480px;width:100%;justify-self:center}.h60-service-grid{grid-template-columns:1fr 1fr}.h60-service-links{flex-direction:column;align-items:flex-start;gap:0}.h60-consult-visual>span:not(.h60-consult-orbit){font-size:39px}.h60-search-destination>span:first-child{font-size:37px}.h60-search-destination{gap:10px}.h60-search-destination>span:last-child{font-size:11px}.h60-search-destination b{margin-left:4px}.h60-work-heading{display:block}.h60-work-heading>.h60-text-link{margin-top:20px}.h60-stages{gap:40px;grid-template-columns:1fr 1.2fr}.h60-stage-tabs button{font-size:18px;gap:14px}.h60-person-grid{gap:45px}.h60-person-grid>div>p:not(.h60-eyebrow){font-size:16px}}
@media(max-width:700px){.h60-wrap{width:calc(100% - 40px)}.h60-hero{display:flex;flex-direction:column;min-height:0;padding-bottom:0;background:#F6F4EF}.h60-hero-art{position:relative;order:2;inset:auto;width:100%;aspect-ratio:1.5;z-index:0;margin-top:-22px}.h60-hero-art img{object-fit:cover;object-position:65% 50%;opacity:1}.h60-hero::after{display:none}.h60-hero-inner{order:1;padding-top:48px;padding-bottom:25px}.h60-home .h60-hero h1{font-size:clamp(43px,11.2vw,70px);line-height:1.05;letter-spacing:-.05em;max-width:14ch;margin:20px 0 23px}.h60-home .h60-hero h1>span{font-size:.94em;letter-spacing:-.035em}.h60-eyebrow{font-size:10px;letter-spacing:.07em}.h60-lead{font-size:16px;line-height:1.7;max-width:36ch}.h60-actions{gap:12px 24px;margin-top:26px}.h60-button{padding:15px 22px;min-height:50px;font-size:13px;gap:22px}.h60-text-link{font-size:13px}.h60-direct{font-size:11px;margin-top:13px!important}.h60-hero-foot{position:relative;order:3;bottom:auto;padding-block:19px 22px;font-size:10px;border-top:1px solid rgb(34 61 53 / 12%)}.h60-hero-foot>span:last-child{display:none}.h60-brands{padding-block:30px}.h60-home .h60-brands h2{font-size:16px}.h60-brands-heading>p{font-size:11px;max-width:37ch}.h60-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding-top:20px}.h60-brand-grid li{min-height:105px}.h60-logo-opticalh{width:125px}.h60-logo-herradores{width:140px}.h60-logo-gafas{width:120px}.h60-brand-emblem img{width:76px;height:76px}.h60-brand-romeo img{width:66px;height:66px}.h60-tattoo-signature{font-size:16px}.h60-brand-emblem>span{font-size:9px}.h60-services{padding-block:64px 55px}.h60-section-heading{margin-bottom:29px!important}.h60-home .h60-section-heading h2,.h60-home .h60-person h2{font-size:clamp(30px,7.7vw,42px);line-height:1.16;letter-spacing:-.04em;margin-top:13px}.h60-section-heading>p:last-child:not(.h60-eyebrow){font-size:15px;line-height:1.7;margin-top:17px}.h60-service-grid{grid-template-columns:1fr;gap:19px}.h60-service{padding:29px 25px;border-radius:22px}.h60-service-web{gap:30px}.h60-home .h60-service h3{font-size:27px;line-height:1.2;margin:15px 0}.h60-label{font-size:10px}.h60-service-copy>p:not(.h60-label){font-size:15px;line-height:1.75}.h60-service-links{margin-top:18px}.h60-service-links a{font-size:12px;gap:15px;min-height:44px}.h60-web-visual{padding:20px 21px;margin:0 0 8px;border-radius:15px;transform:rotate(-1.5deg)}.h60-visual-top{gap:9px;padding-bottom:19px}.h60-visual-top img{width:26px;height:26px}.h60-visual-top span{font-size:9px}.h60-web-word{font-size:42px;padding-block:5px 24px}.h60-web-rail{gap:11px;font-size:8px;line-height:1.6;padding-top:13px}.h60-search-visual{margin-top:23px}.h60-search-sources{font-size:13px}.h60-search-visual svg{height:65px}.h60-search-destination>span:first-child{font-size:40px}.h60-search-destination>span:last-child{font-size:12px}.h60-consult-visual{padding-top:35px}.h60-consult-visual>span:not(.h60-consult-orbit){font-size:46px}.h60-consult-orbit{width:165px;height:165px;right:0}.h60-consult-visual small{font-size:10px}.h60-all-services{font-size:13px;min-height:50px;margin-top:18px}.h60-work{padding-block:58px 60px}.h60-work-heading>.h60-text-link{margin-top:12px}.h60-work-grid{grid-template-columns:1fr;gap:35px}.h60-case-image{border-radius:17px;aspect-ratio:1.4}.h60-case-opticalh{padding:19px}.h60-case figcaption{padding-top:17px}.h60-home .h60-case h3{font-size:24px;margin:7px 0}.h60-case figcaption>p{font-size:13px}.h60-case figcaption>p:first-child{font-size:10px}.h60-case small{font-size:9px}.h60-method{padding-block:60px 62px}.h60-stages{grid-template-columns:1fr;gap:32px}.h60-stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;border-bottom:1px solid #CCD6CC}.h60-stage-tabs button{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;font-size:13px;line-height:1.5;padding:13px 8px 14px;min-height:78px;border-bottom:2px solid transparent;letter-spacing:-.02em}.h60-stage-tabs button>span{font-size:10px}.h60-stage-tabs button[aria-selected="true"]{border-bottom-color:#223D35}.h60-stage-tabs b{display:none}.h60-stage-content section{padding:18px 0 15px;min-height:240px}.h60-stage-index{top:0;font-size:125px;right:5px}.h60-home .h60-stage-content h3{font-size:29px;line-height:1.2;max-width:17ch}.h60-stage-content p{font-size:16px;line-height:1.75;margin-top:18px;max-width:35ch}.h60-stage-content .h60-stage-output{font-size:10px;line-height:1.6;margin-top:25px}.h60-method-link{margin-top:10px}.h60-method:not(.h60-stages-ready) .h60-stage-content{grid-template-columns:1fr;gap:15px}.h60-person{padding-block:40px 48px}.h60-person-grid{grid-template-columns:1fr;gap:32px}.h60-person figure{width:78%;max-width:320px;border-radius:17px}.h60-person-grid>div>p:not(.h60-eyebrow){font-size:16px;line-height:1.75;margin-top:19px}.h60-person-links{gap:6px 24px;margin-top:18px}.h60-home [id]{scroll-margin-top:86px}}
@media(prefers-reduced-motion:reduce){.h60-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.h60-web-visual{transform:none}.h60-button:hover,.h60-case-image:hover img{transform:none}}

/* La composición V60 prevalece sobre la tipografía de portada V57. */
body.v60 .h60-home .h60-hero h1{font-weight:540;letter-spacing:-.055em}
body.v60 .h60-home .h60-section-heading h2,body.v60 .h60-home .h60-person h2{letter-spacing:-.045em}
.h60-service-seo a:focus-visible{outline-color:#F6F4EF}
.h60-hero-art{z-index:0}.h60-hero-inner,.h60-hero-foot{z-index:1}
@media(min-width:701px){.h60-hero-art{left:24%;mask-image:linear-gradient(to right,transparent,#000 20%)}.h60-hero-art img{object-position:50% 50%;opacity:1}.h60-hero::after{display:none}.h60-hero-foot>span:last-child{display:none}}

/* Selección artística V61: captura completa, sin recortar la obra. */
.h60-case-maria{padding:20px;background:#EEE8DE;display:flex;align-items:center}.h60-case-maria img{height:auto;max-height:100%;object-fit:contain;border-radius:4px}.h60-case .h60-scope{max-width:55ch;font-size:13px;line-height:1.7;margin-top:4px}
@media(max-width:700px){.h60-case-maria{padding:12px}.h60-case .h60-scope{font-size:12px}}