:root{--ink:#10212b;--teal:#08777d;--aqua:#72c9c2;--cream:#f4f0e7;--line:#9eb8b4;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}.shell{width:min(1400px,calc(100% - 8vw));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{width:225px;height:70px;display:block;overflow:hidden}.brand img{width:225px;height:70px;object-fit:cover}.header nav{display:flex;gap:38px}.header nav a,.button{text-decoration:none;color:var(--ink);font-size:15px}.header nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--teal);color:white;padding:17px 23px;border:1px solid var(--teal);border-radius:7px;transition:.25s}.button:hover{transform:translateY(-2px);background:#065e63}.button.small{padding:14px 18px}.button.outline{color:var(--teal);background:transparent}.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:6vh;overflow:hidden}.hero-copy{z-index:2;max-width:710px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:bold;color:var(--teal)}h1,h2{margin:0;letter-spacing:-.055em;line-height:.95}h1{font-size:clamp(58px,5.7vw,94px);margin-top:25px}h1 em,h2 em{font-style:normal;color:var(--teal)}.lead{font-size:19px;line-height:1.5;max-width:590px;margin:32px 0}.actions{display:flex;gap:16px}.hero-mark{position:absolute;width:57vw;height:57vw;right:-10vw;top:-2vw;display:grid;place-items:center}.hero-mark>img{width:74%;filter:drop-shadow(0 24px 40px rgba(8,119,125,.12));animation:drift 10s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(8,119,125,.22);border-radius:50%}.orbit.one{inset:7%}.orbit.two{inset:18%}.hero-cards{grid-column:1/-1;align-self:end;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:50px 0 40px;z-index:3}.hero-cards article{border:1px solid var(--line);border-radius:12px;padding:22px;background:rgba(244,240,231,.82);backdrop-filter:blur(10px)}.hero-cards b{font-size:17px}.hero-cards p{font-size:13px;line-height:1.5;margin:8px 0 0;color:#46585e}.hero-cards .stat{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.stat strong{font-size:44px;color:var(--teal);font-weight:400}.statement{padding:150px 0 120px;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:50px;align-items:start}.statement h2,.about h2{font-size:clamp(48px,5vw,78px)}.statement>p:last-child{font-size:17px;line-height:1.7}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px}.section-head>p:last-child{max-width:450px;line-height:1.5}.service-grid{display:grid;grid-template-columns:repeat(2,1fr)}.service-grid article{min-height:330px;padding:50px 6vw 45px 0;border-bottom:1px solid var(--line);position:relative}.service-grid article:nth-child(even){border-left:1px solid var(--line);padding-left:6vw}.service-grid span{color:var(--teal);font-size:13px}.service-grid h3{font-size:32px;margin:40px 0 15px}.service-grid p{line-height:1.65;max-width:470px;color:#46585e}.service-grid a{position:absolute;bottom:35px;color:var(--teal);text-decoration:none}.method{background:var(--ink);color:white;margin-top:140px;padding:130px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.light{color:var(--aqua)}.method h2{font-size:clamp(46px,4vw,68px);margin:28px 0}.method-grid>div>p:last-child{color:#b9c6c8;line-height:1.7;max-width:500px}.method ol{padding:0;margin:0;list-style:none}.method li{display:flex;gap:35px;border-top:1px solid #39505a;padding:25px 0}.method li span{color:var(--aqua);font-size:12px}.method li b{font-size:22px}.method li p{color:#b9c6c8;margin:8px 0}.about{padding:150px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;align-items:center}.about-mark{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;overflow:hidden}.about-mark img{width:80%}.about h2{margin:25px 0 35px}.about>div>p:not(.section-label){line-height:1.75;font-size:17px}.values{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.values span{border:1px solid var(--line);border-radius:30px;padding:11px 16px;font-size:13px}.contact{border-top:1px solid var(--line);padding:120px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:12vw}.contact h2{font-size:clamp(50px,5vw,76px);margin:24px 0}.contact>div>p:last-child{font-size:17px;line-height:1.7;max-width:590px}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:38px;display:flex;flex-direction:column;gap:20px}.contact-card>a:not(.button){font-size:18px;color:var(--ink);text-decoration:none;border-bottom:1px solid #cbd6d3;padding-bottom:18px;display:flex;justify-content:space-between}.contact-card .button{margin-top:10px}footer{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px}footer img{width:175px;height:50px;object-fit:cover}footer p:last-child{text-align:right}@keyframes drift{50%{transform:translateY(-14px) rotate(1.5deg)}}@media(max-width:900px){.shell{width:min(100% - 40px,700px)}.header{height:88px}.brand img{width:170px}.header nav{display:none}.header .button{font-size:0;padding:12px}.header .button:before{content:"Contacto";font-size:14px}.hero{grid-template-columns:1fr;padding-top:45px;min-height:auto}.hero-mark{opacity:.14;width:95vw;height:95vw;right:-35vw;top:10vh}.hero-copy{max-width:100%}h1{font-size:clamp(48px,12vw,72px)}.lead{font-size:17px}.actions{flex-direction:column;align-items:stretch}.hero-cards{grid-template-columns:1fr 1fr;padding-top:70px}.statement{padding:100px 0 80px;grid-template-columns:1fr}.statement h2{font-size:52px}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(even){border-left:0;padding-left:0}.method{margin-top:90px;padding:90px 0}.method-grid,.about,.contact{grid-template-columns:1fr;gap:70px}.about{padding:100px 0}.about-mark{max-width:500px}.contact{padding:90px 0}footer{grid-template-columns:1fr;gap:14px;text-align:center}footer img{margin:auto}footer p:last-child{text-align:center}}@media(max-width:540px){.shell{width:calc(100% - 30px)}.header .button{display:none}.hero{padding-top:28px}.eyebrow{line-height:1.5}h1{font-size:46px}.hero-cards{grid-template-columns:1fr;gap:10px}.hero-cards article{padding:18px}.statement h2,.about h2,.contact h2,.method h2{font-size:42px}.service-grid article{min-height:300px}.method li{gap:18px}.contact-card{padding:25px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mark>img{animation:none}.button{transition:none}}

/* OPCIÓN 3 — CLARIDAD HUMANA */
:root{--ink:#10232e;--teal:#08777d;--aqua:#74c9c1;--cream:#f6faf9;--line:#b3cbc7;--white:#ffffff}body{background:linear-gradient(180deg,#f8fbfa 0,#f1f7f5 100%)}.header{height:96px}.hero{padding-top:5vh}.hero-copy{max-width:650px}.hero h1{font-size:clamp(55px,5.25vw,86px)}.hero-mark.human-photo{position:absolute;width:49vw;height:600px;right:-1vw;top:3vh;border-radius:46% 54% 40% 60%/55% 38% 62% 45%;overflow:hidden;display:block;background:#d5e8e5;box-shadow:0 30px 80px rgba(16,35,46,.14)}.human-photo>img{width:100%;height:100%;object-fit:cover;object-position:56% center;animation:none}.photo-badge{position:absolute;left:30px;bottom:30px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 16px 35px #10232e2a;max-width:190px;font-size:12px;line-height:1.4}.photo-badge b{display:block;color:#08777d;font-size:34px}.hero-cards article{background:#fff}.statement{grid-template-columns:1fr 2.2fr 1fr}.service-grid article{background:rgba(255,255,255,.35)}.method{background:linear-gradient(135deg,#10232e,#153d43)}.about-mark{border-radius:32% 68% 58% 42%/48% 35% 65% 52%;background:#dcefeb;border:0}.contact-card{box-shadow:0 25px 60px rgba(16,35,46,.08)}@media(max-width:900px){.hero-mark.human-photo{position:relative;width:100%;height:500px;right:auto;top:auto;margin-top:55px;grid-row:auto}.hero{display:block}.hero-cards{display:grid}}@media(max-width:540px){.hero-mark.human-photo{height:390px;border-radius:24px}.photo-badge{left:15px;bottom:15px}.hero h1{font-size:44px}}