/* MICROBIO / CULTIVO VISUAL — matter, signal, soft light. */
:root{--bio-paper:#f1f3eb;--bio-black:#10180f;--bio-lime:#d3f823;--bio-green:#2a6344;--bio-violet:#a89ac8}
body.microbio-evolved{background:var(--bio-paper);color:#142015;isolation:isolate}
.bio-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(130deg,#f5f5ed,#e9eee2 55%,#f0ecec);contain:strict}
.bio-aura{position:absolute;display:block;width:72vmax;height:68vmax;border-radius:50%;filter:blur(65px);opacity:.7;will-change:transform;animation:bio-drift 26s ease-in-out infinite alternate}
.bio-aura-a{left:-30vmax;top:-35vmax;background:radial-gradient(ellipse,#d4ef73 0,#b6d78b88 32%,transparent 66%)}
.bio-aura-b{right:-35vmax;top:9vh;background:radial-gradient(ellipse,#6fa88a80 0,#b9cfb566 36%,transparent 65%);animation-delay:-13s;animation-duration:32s}
.bio-aura-c{left:10vw;bottom:-55vmax;background:radial-gradient(ellipse,#b7a5d373,transparent 65%);animation-delay:-7s}
.bio-membrane{position:absolute;border-radius:46% 54% 62% 38% / 56% 40% 60% 44%;border:1px solid #61806522;box-shadow:inset 12px 3px 35px #ffffff80,inset -20px -9px 44px #486b4d12,0 0 55px #d3f82319;animation:bio-membrane 35s ease-in-out infinite alternate}
.bio-membrane-a{width:64vw;height:72vh;right:-20vw;top:8vh;transform:rotate(-24deg)}
.bio-membrane-b{width:50vw;height:50vh;left:-22vw;bottom:-8vh;animation-delay:-17s}
.bio-coordinate-field{position:absolute;inset:0;background-image:radial-gradient(#3850382e .7px,transparent .9px);background-size:32px 32px;mask-image:linear-gradient(90deg,#0006,transparent 28%,transparent 75%,#0005);opacity:.5}
@keyframes bio-drift{from{transform:translate3d(-3%,0,0) scale(.94)}to{transform:translate3d(12%,10%,0) scale(1.1)}}
@keyframes bio-membrane{to{transform:translate3d(4vw,-3vh,0) rotate(13deg);border-radius:60% 40% 38% 62% / 44% 60% 40% 56%}}
.microbio-evolved header{background:#f3f5edce;backdrop-filter:blur(24px) saturate(1.2);border-bottom-color:#283b282b;box-shadow:0 8px 35px #22331a08}
.microbio-evolved #main-nav .nav-pill{background:#ffffff78;border-color:#31453130;box-shadow:inset 0 1px 0 #fff9;font-size:12px;padding:0 10px}
.microbio-evolved #main-nav .nav-pill[aria-current="location"]{background:#142015;color:#f2f5e9;box-shadow:0 3px 18px #91ae4a32}
.microbio-evolved .hero{background:transparent;position:relative}
.microbio-evolved .section{position:relative;isolation:isolate;border-color:#35462b2b;background-color:#f7f8f052}
.microbio-evolved .hero-copy{isolation:isolate}
.microbio-evolved .hero-copy::before{content:"";position:absolute;inset:8% -10% 0 -15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 45%,#e3f6aa95,transparent 65%);filter:blur(30px)}
.microbio-evolved .hero-project-title .project-title-intro{letter-spacing:.02em}
.microbio-evolved .hero-project-title .project-title-main{color:#183823;text-shadow:0 0 40px #b6e77266;letter-spacing:-.055em;font-size:clamp(62px,7.2vw,126px)}
.microbio-evolved .hero-lab-welcome{border-color:#4e6b3d45;color:#304a32}
.microbio-evolved .hero-copy>p{max-width:500px;font-size:clamp(16px,1.4vw,20px);line-height:1.6;text-wrap:pretty}
.microbio-evolved .button.dark{background:#182b1c;color:#f4f6e9;border-color:#182b1c;box-shadow:0 8px 30px #557d3533,inset 0 1px 0 #ffffff29}
.microbio-evolved .button.dark:hover{background:#d3f823;color:#172015;box-shadow:0 8px 35px #b3d73566}
.microbio-evolved .bio-console{background:linear-gradient(130deg,#faffedb3,#f3f6ee80);backdrop-filter:blur(12px);box-shadow:0 10px 35px #28402c0d,inset 0 1px 0 #fff}
.microbio-evolved .hero-campaign-slider,.microbio-evolved .hero-plate,.microbio-evolved .lab-study{box-shadow:0 20px 55px #142b1b12,0 0 28px #d7edb014;border:1px solid #ffffffa3}
.microbio-evolved .hero-lab-studies .lab-study{background:linear-gradient(145deg,#ffffffad,#dce5d18c);border-radius:3px}
.microbio-evolved .lab-study-stage{background:radial-gradient(ellipse at 50% 60%,#e0ebc16b,transparent 70%)}
.microbio-evolved .lab-study-header,.microbio-evolved .lab-study figcaption{padding-left:12px;padding-right:12px}
.microbio-evolved .hero-bottom{background:transparent}
.microbio-evolved .manual-section{background:linear-gradient(120deg,#fafbf59c,#e6eddf99);border-color:#35462b2b}
.microbio-evolved .method-section{background:linear-gradient(130deg,#e1e8d1b8,#f3f4e8b3 60%,#cbdac366)}
.microbio-evolved .manual-section::before{content:"";position:absolute;width:50%;height:480px;right:0;top:0;background:radial-gradient(ellipse,#d3f82322,transparent 67%);z-index:-1;pointer-events:none}
.microbio-evolved .manual-section h2 em{color:#41623a}
.microbio-evolved .manual-voice-accent{background:linear-gradient(transparent 55%,#c9e98490 55%);box-decoration-break:clone}
.microbio-evolved .manual-voice p{line-height:1.7}
.microbio-evolved .manual-frame,.microbio-evolved .method-frame{box-shadow:0 24px 65px #253a1917}
.microbio-evolved #galeria{background:#101810;color:#f2f4e9;overflow:hidden}
.microbio-evolved #galeria::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 8%,#66872b55,transparent 25%),radial-gradient(ellipse at 92% 48%,#8c75ad24,transparent 24%),radial-gradient(ellipse at 30% 90%,#3e805337,transparent 30%)}
.microbio-evolved #galeria .bio-section-index,.microbio-evolved #galeria .eyebrow,.microbio-evolved #galeria h2,.microbio-evolved #galeria h3,.microbio-evolved #galeria p{color:#f2f4e9}
.microbio-evolved #galeria .section-title-impact{color:#d3f823;text-shadow:0 0 70px #b7e73826}
.microbio-evolved #galeria button:not(.gallery-open){color:#f2f4e9;border-color:#dce7ce55;background:#edf4d90a}
.microbio-evolved #galeria .gallery-controls,.microbio-evolved #galeria .gallery-toolbar,.microbio-evolved #galeria .color-gallery-head{border-color:#dae9ca40}
.microbio-evolved #galeria figure{box-shadow:0 20px 60px #0004}
.microbio-evolved #galeria figcaption{color:#e0e9d2}
.microbio-evolved #trabajos{background:linear-gradient(140deg,#edf2e7cc,#f8f8f2aa 50%,#e8e3ef88)}
.microbio-evolved .portfolio-title .section-title-impact{font-size:clamp(55px,8vw,128px);line-height:.95;max-width:100%;letter-spacing:-.05em}
.microbio-evolved .project-card{border:1px solid #637b4c2b;background:#f9fbf266;box-shadow:0 10px 32px #1d301611;transition:transform .3s,box-shadow .3s}
.microbio-evolved .project-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #30492425,0 0 35px #cbe98b2b}
.microbio-evolved .project-card h3{padding-left:12px;padding-right:12px}
.microbio-evolved .filters{gap:8px}
.microbio-evolved .filters label{background:#fbfff3a3;border-color:#42603730;box-shadow:0 3px 12px #32512408}
.microbio-evolved #estudio{background:#152218;color:#eef3e5;overflow:hidden}
.microbio-evolved #estudio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 15%,#7aaa3b40,transparent 52%),radial-gradient(ellipse at 5% 95%,#a289be26,transparent 48%)}
.microbio-evolved #estudio h2{font-family:Studio Brand Title,Arial,sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(44px,6vw,92px);line-height:1.02;letter-spacing:-.045em;max-width:100%}
.microbio-evolved #estudio h2 em{font-family:inherit;color:#d3f823}
.microbio-evolved #estudio p,.microbio-evolved #estudio .eyebrow{color:#e1ead7}
.microbio-evolved #estudio .big{font-size:clamp(23px,2.7vw,38px);line-height:1.3}
.microbio-evolved #estudio .wordmark-inline{filter:invert(1)}
.fv-signal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cceaa54d;border-bottom:1px solid #cceaa54d;padding:15px 0;margin-bottom:40px;font-family:Studio Mono,monospace;font-size:10px;line-height:1.6;color:#d3f823;letter-spacing:.06em}
.microbio-evolved #servicios{background:linear-gradient(125deg,#edf0e4b3,#fbfcf2c2)}
.microbio-evolved .service-list details{background:#ffffff4d;border-color:#3e59342e;margin-bottom:12px;padding:0 20px;box-shadow:0 8px 30px #243c1709}
.microbio-evolved .service-list details[open]{background:linear-gradient(120deg,#faffecdd,#ffffffa8);box-shadow:0 20px 50px #47642b15,0 0 40px #d3f82312;border-color:#79975266}
.microbio-evolved .service-list .plus{color:#3d692c;text-shadow:0 0 18px #91c74455}
.microbio-evolved .service-content p{font-size:clamp(19px,2vw,26px);line-height:1.45;letter-spacing:-.02em}
.microbio-evolved #nuestro-partner{background:linear-gradient(120deg,#e6ebdce6,#f3f1e6c7);border-color:#49643233}
.microbio-evolved .partner-gallery{position:relative;isolation:isolate}
.microbio-evolved .partner-gallery::before{content:"";position:absolute;inset:-9%;z-index:-1;background:radial-gradient(ellipse,#cde95c45,transparent 65%);filter:blur(35px);pointer-events:none}
.microbio-evolved .partner-track{box-shadow:0 25px 65px #2e431e20;border-color:#ffffffb3}
.microbio-evolved #contacto{background:#101c14;color:#f4f7e9;overflow:hidden}
.microbio-evolved #contacto::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 10%,#93b34345,transparent 28%),radial-gradient(ellipse at 0 35%,#76638926,transparent 25%);pointer-events:none}
.microbio-evolved #contacto>h2{font-family:Studio Brand Title,Arial,sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(62px,10vw,160px);line-height:.95;letter-spacing:-.055em}
.microbio-evolved #contacto>h2 em{font-family:inherit;color:#d3f823;text-shadow:0 0 80px #c4eb5929}
.microbio-evolved #contacto .contact-bottom p{max-width:490px;font-size:19px}
.microbio-evolved #contacto .message-preview{background:#e0f0ce08;border-color:#d7e7c52e;box-shadow:0 0 45px #b6db4010}
.microbio-evolved #contacto .footer-lab{background:transparent}
.microbio-evolved #contacto .button.light{background:#d3f823;color:#142015;border-color:#d3f823;box-shadow:0 0 28px #c4ec4230}
.microbio-evolved #contacto .footer-signoff p{color:#edf3df}
html.bio-rest .bio-atmosphere *{animation-play-state:paused}
@media(min-width:761px) and (max-width:1200px){.microbio-evolved header{gap:8px;padding-left:3%;padding-right:3%}.microbio-evolved .brand{width:150px;flex-shrink:0}.microbio-evolved #main-nav{gap:4px}.microbio-evolved #main-nav .nav-pill{font-size:10px;padding:0 7px;gap:5px}.microbio-evolved .contact-pill{display:none!important}}
@media(max-width:760px){.bio-aura{filter:blur(38px);opacity:.6}.bio-membrane-a{width:110vw;right:-70vw}.microbio-evolved .hero-project-title .project-title-main{font-size:clamp(58px,15vw,100px)}.microbio-evolved #main-nav .nav-pill{font-size:13px;padding:0 12px}.microbio-evolved #estudio h2{font-size:clamp(38px,10vw,66px)}.fv-signal{flex-direction:column;gap:8px;font-size:9px;margin-bottom:30px}.microbio-evolved .portfolio-title .section-title-impact{font-size:clamp(48px,12vw,76px)}.microbio-evolved .service-list details{padding:0 12px}.microbio-evolved #contacto>h2{font-size:clamp(58px,14vw,100px)}.microbio-evolved .hero-copy>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.bio-atmosphere *{animation:none!important;will-change:auto}.microbio-evolved .project-card{transition:none}}
/* Fit expressive headlines to their actual columns. */
.microbio-evolved .hero-copy{container-type:inline-size}
.microbio-evolved .hero-project-title .project-title-main{font-size:clamp(34px,19cqw,102px)}
.microbio-evolved .project{padding:0 0 14px;border-bottom:1px solid #48613a30;background:#f9fbf24d;box-shadow:0 10px 35px #1c341610;transition:box-shadow .3s}
.microbio-evolved .project:hover{box-shadow:0 18px 50px #334e2426,0 0 38px #c5e67422}
.microbio-evolved .project-info,.microbio-evolved .project-scope{padding-left:12px;padding-right:12px}
.microbio-evolved #galeria .gallery-heading h2::after{background:#d3f823}
.microbio-evolved #galeria .studio-gallery{scrollbar-color:#d3f823 #22311d}
.microbio-evolved #estudio .manifesto{color:#d3f823;border-color:#dbebc733}
@media(max-width:760px){.microbio-evolved .hero-introduction{grid-template-columns:minmax(0,1fr);gap:28px}.microbio-evolved .hero-introduction>.hero-copy{grid-column:1;grid-row:1}.microbio-evolved .hero-introduction>.hero-campaign-slider{grid-column:1;grid-row:2;width:70%;justify-self:center}.microbio-evolved .hero-project-title .project-title-main{font-size:clamp(48px,19cqw,82px)}.microbio-evolved .hero-introduction .hero-project-title{font-size:64px}.microbio-evolved .hero-introduction .hero-copy p{font-size:17px}.microbio-evolved .hero-lab-welcome{display:flex;flex-wrap:wrap;gap:8px}.microbio-evolved .hero-lab-welcome strong{font-size:23px}}
