@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--display:'Anton',Impact,sans-serif;--sans:'Manrope',Arial,sans-serif}
:root{--navy:#082e36;--green:#147965;--mint:#96d8c2;--cream:#f6f2e9;--ink:#183b40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:var(--ink);font-family:var(--sans),sans-serif}a{text-decoration:none;color:inherit}header{height:84px;padding:0 clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#fbfaf7ed;backdrop-filter:blur(14px);border-bottom:1px solid #dbe1dd}.brand{display:flex;align-items:center;gap:10px}.brand i{width:39px;height:39px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;font:italic 25px var(--display);color:var(--green)}.brand span{font:700 18px var(--display);line-height:1}.brand span b{display:block;font:700 8px var(--sans);letter-spacing:.17em}nav{display:flex;gap:34px;font-size:12px;font-weight:700}nav a:hover{color:var(--green)}.topCta,.button{background:var(--green);color:white;padding:14px 21px;border-radius:3px;font-size:12px;font-weight:800}.topCta{background:var(--navy)}.hero{min-height:calc(100vh - 84px);position:relative;overflow:hidden;display:flex;align-items:center;padding:100px clamp(24px,7vw,108px) 150px;background:linear-gradient(120deg,var(--cream) 0 58%,#d6ece3 58%)}.grid{position:absolute;inset:0 0 0 58%;opacity:.35;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:55px 55px}.heroCopy{position:relative;z-index:2;max-width:700px}.tag{font-size:10px;letter-spacing:.17em;color:var(--green);font-weight:800}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.04em;color:var(--navy)}h1{font-size:clamp(58px,7.5vw,110px);line-height:.84;margin:28px 0}h2{font-size:clamp(44px,5vw,72px);line-height:.98;margin:16px 0 38px}h1 em,h2 em{font-weight:500;color:var(--green)}.heroCopy>p:not(.tag){font-size:17px;line-height:1.8;color:#506a6a;max-width:560px}.actions{display:flex;align-items:center;gap:34px;margin-top:36px}.button{display:inline-block;transition:.2s}.button:hover{transform:translateY(-2px)}.link{font-size:12px;font-weight:800;border-bottom:1px solid #8ba19d;padding-bottom:5px}.art{position:absolute;width:42%;height:75%;right:2%;top:10%}.cross{position:absolute;right:20%;top:24%;width:220px;height:220px;border-radius:42px;background:var(--green);transform:rotate(45deg);display:grid;place-items:center;color:#d9eee5;font:200 170px sans-serif;box-shadow:0 30px 70px #0d655344}.cross::first-letter{transform:rotate(-45deg)}.orbit{position:absolute;width:460px;height:460px;right:2%;top:8%;border:1px solid #61a99588;border-radius:50%}.art small{position:absolute;top:17%;left:2%;background:#fff;padding:16px 20px;border-left:3px solid #dc7955;box-shadow:0 16px 40px #174d4030;color:var(--navy);font:500 16px var(--display)}.art small b{display:block;font:400 9px var(--sans);color:#687e7a;margin-top:5px}.stats{position:absolute;bottom:0;left:0;right:0;height:80px;background:#fff;display:flex;justify-content:center}.stats span{width:220px;border-right:1px solid #e0e5e1;padding:20px 35px;font-size:9px;color:#71827f}.stats b{display:block;font:500 17px var(--display);color:var(--navy)}.section{padding:105px clamp(24px,7vw,108px)}section>label{display:block;font-size:9px;letter-spacing:.18em;color:#8c9a96;font-weight:800;margin-bottom:55px}.about{display:grid;grid-template-columns:190px 1fr;gap:5vw}.about>div{max-width:950px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-left:auto;max-width:820px}.cols p,.brandFeature p,.presence>div>p:not(.tag){line-height:1.9;font-size:14px;color:#536d6d}.purpose{display:grid;grid-template-columns:1fr 1fr;background:#edf0ea}.purpose article{padding:75px clamp(30px,7vw,105px)}.purpose article+article{background:#dcebe4}.purpose i{width:50px;height:50px;display:grid;place-items:center;border:1px solid #6ba291;border-radius:50%;font-size:24px;color:var(--green);margin-bottom:35px}.purpose h3,.serviceGrid h3,.valueList h3{font:500 26px var(--display);color:var(--navy)}.purpose article>p:last-child{line-height:1.8;font-size:13px;color:#536d6d}.services{background:var(--navy);color:#fff}.services label{color:#7c9c99}.services h2{color:#fff}.services .tag,.contact .tag{color:var(--mint)}.head{display:flex;justify-content:space-between;align-items:end;gap:50px}.head>p{max-width:400px;color:#9db4b1;line-height:1.8;font-size:13px}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #315159}.serviceGrid article{padding:40px 34px 20px 0;border-right:1px solid #315159}.serviceGrid article+article{padding-left:34px}.serviceGrid article>small{color:#728f8c;font-size:9px}.serviceGrid i{display:block;color:var(--mint);font-style:normal;font-size:32px;margin:30px 0}.serviceGrid h3{color:#fff}.serviceGrid p{color:#9db4b1;line-height:1.8;font-size:12px}.brandSection{background:#fff}.brandFeature{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;max-width:1030px;margin:auto}.doctor{height:330px;background:#f0f4ef;border-radius:50% 45% 52% 47%;display:flex;flex-direction:column;align-items:center;justify-content:center}.doctor i{color:#df704d;font:normal 65px sans-serif}.doctor b{font-size:26px;color:var(--navy)}.doctor b em{font-style:normal;color:var(--green)}.doctor small{margin-top:8px;font-size:9px;letter-spacing:.15em}.presence{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#dfece5}.map{height:430px;position:relative;display:grid;place-items:center}.map>b{width:350px;height:320px;background:#b6d8ca;color:#a1c7b8;clip-path:polygon(28% 0,65% 8%,76% 34%,100% 55%,70% 72%,58% 100%,31% 88%,8% 60%,0 25%);display:grid;place-items:center;font:800 90px var(--display)}.map i{position:absolute;width:15px;height:15px;background:#df7854;border:4px solid #fff;border-radius:50%}.map i:nth-of-type(1){top:28%;left:43%}.map i:nth-of-type(2){top:48%;left:60%}.map i:nth-of-type(3){top:64%;left:39%}.map i:nth-of-type(4){top:35%;left:68%}.places{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.places span{border-left:2px solid var(--green);padding-left:15px;font-size:9px;color:#637a77}.places b{display:block;font:500 18px var(--display);color:var(--navy);margin-bottom:5px}.valuesHead{margin-left:22%}.valueList{margin-top:55px;border-top:1px solid #d5dad5}.valueList article{display:grid;grid-template-columns:70px 1fr 1.5fr;align-items:center;padding:23px 0;border-bottom:1px solid #d5dad5}.valueList article>*{margin:0}.valueList p{font-size:12px;color:#6b7d79}.contact{background:var(--green);color:#fff;display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:end}.contact h2{color:#fff;margin-bottom:0}.contact h2 em{color:#bde3d5}.contact>div>p:not(.tag){line-height:1.9;color:#d4e8e1}.white{background:#fff;color:var(--navy)}.light{color:#fff;border-color:#a6d1c3}footer{background:#06262d;color:#a9bfbc;padding:55px clamp(24px,7vw,108px) 24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px}footer .brand{color:#fff}footer>p{font:italic 16px var(--display);text-align:center;margin:0}footer>div{display:flex;justify-content:flex-end;gap:24px;font-size:10px;color:#d8e2e0}footer>small{grid-column:1/-1;border-top:1px solid #29484d;padding-top:18px;font-size:8px}
@media(max-width:880px){nav{display:none}.hero{min-height:820px;align-items:flex-start}.art{opacity:.35;width:70%;height:50%;top:45%;right:-15%}.about{grid-template-columns:1fr}.purpose,.brandFeature,.presence,.contact{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}.serviceGrid{grid-template-columns:1fr}.serviceGrid article,.serviceGrid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #315159}.brandFeature{gap:45px}.valuesHead{margin-left:0}footer{grid-template-columns:1fr;text-align:center}footer>div{justify-content:center}footer>small{grid-column:1}}
@media(max-width:580px){header{height:72px}.topCta{padding:11px}.hero{padding-top:70px;min-height:760px;background:linear-gradient(155deg,var(--cream) 0 68%,#d6ece3 68%)}.art{display:none}.stats{height:70px}.stats span{width:33%;padding:16px 8px;text-align:center}.section{padding-top:72px;padding-bottom:72px}.cols{grid-template-columns:1fr;gap:0}.purpose article{padding-top:58px;padding-bottom:58px}.doctor{height:250px}.map{height:300px}.map>b{width:260px;height:240px}.valueList article{grid-template-columns:45px 1fr}.valueList p{grid-column:2;margin-top:7px}.actions{align-items:flex-start;flex-direction:column;gap:22px}footer>div{flex-wrap:wrap}}

/* Identidad visual tomada del material corporativo: negro, blanco y oro. */
:root{--navy:#070707;--green:#d4a62d;--mint:#f2ce63;--cream:#f4f1e9;--ink:#171717}
header{background:#090909e8;color:#fff;backdrop-filter:blur(22px) saturate(150%);border-bottom-color:#ffffff18}
.brand img{width:42px;height:42px;object-fit:cover;border-radius:11px}.brand>i{display:none}.topCta{background:linear-gradient(135deg,#f3d46f,#bd8617);color:#080808}.hero{background:radial-gradient(circle at 77% 28%,#4c390f 0,transparent 28%),linear-gradient(135deg,#050505,#141414 66%,#050505);color:#fff}.grid{inset:0;opacity:.13;background-image:linear-gradient(#d4a62d 1px,transparent 1px),linear-gradient(90deg,#d4a62d 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black)}h1{color:#fff}.heroCopy>p:not(.tag){color:#bdbdbd}.hero .link{color:#fff;border-color:#ffffff55}.cross{background:none;width:230px;height:230px;border-radius:48px;overflow:hidden;transform:rotate(7deg);box-shadow:0 40px 100px #d3a6293b}.cross img{object-fit:cover}.orbit{border-color:#d4a62d66}.art small{border-left-color:var(--green)}.stats{background:#0a0a0a;border-top:1px solid #ffffff14}.stats span{border-color:#ffffff18;color:#888}.stats b{color:#fff}
@media(max-width:580px){.hero{background:radial-gradient(circle at 80% 65%,#3b2d0f,transparent 35%),#070707}}

/* Movimiento y refinamiento editorial inspirados en interfaces Apple. */
body{background:#f5f5f2}.scrollProgress{position:fixed;z-index:50;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#f8dc7b,#b47b0e);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}.heroCopy{transform:translateY(calc(var(--hero-shift,0px) * -.18))}.art{transform:translateY(calc(var(--hero-shift,0px) * .22))}.button,.topCta{border-radius:999px;box-shadow:0 8px 30px #0002;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.button:hover,.topCta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #d4a62d33}.link{transition:color .25s,border-color .25s}.link:hover{color:var(--green);border-color:var(--green)}
.about{background:linear-gradient(180deg,#faf9f6,#eeeae1)}.difference{grid-column:1/-1;margin:42px 0 0 auto;max-width:820px;padding:28px 34px;border:1px solid #d4a62d55;background:#ffffffa8;backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 20px 70px #2117000c}.difference small{font-size:9px;letter-spacing:.18em;color:#a07615;font-weight:800}.difference p{margin:12px 0 0!important;font:500 clamp(19px,2.2vw,27px)/1.35 var(--display)!important;color:#171717!important}.purpose{background:#090909;color:#fff;gap:1px}.purpose article,.purpose article+article{background:linear-gradient(145deg,#161616,#080808);transition:background .4s}.purpose article:hover{background:linear-gradient(145deg,#211c0f,#090909)}.purpose h3{color:#fff}.purpose article>p:last-child{color:#aaa}.purpose i{border-color:#d4a62d66}.services{background:radial-gradient(circle at 80% 20%,#392b0d,transparent 30%),#060606}.serviceGrid article{transition:transform .4s,background .4s;padding:40px 34px}.serviceGrid article:hover{transform:translateY(-10px);background:#ffffff08}.brandSection{background:#f6f3eb}.doctor{background:radial-gradient(circle at 40% 35%,#f3d56f,#bf881c 65%,#73500e);box-shadow:0 35px 90px #5036002b;color:#080808}.doctor i{color:#fff}.doctor b,.doctor b em{color:#080808}.presence{background:linear-gradient(145deg,#171717,#050505);color:#fff}.presence h2,.places b{color:#fff}.presence>div>p:not(.tag){color:#aaa}.map>b{background:linear-gradient(145deg,#ebc656,#9b6910);color:#7c530d;box-shadow:0 35px 100px #d3a62933}.map i{background:#f4d876}.values{background:#f5f3ed}.valueList article{transition:padding .35s,background .35s}.valueList article:hover{padding-left:20px;background:#fff}.contact{background:radial-gradient(circle at 15% 20%,#4a370e,transparent 33%),#080808}.contact h2 em{color:#e9c75f}.contact>div>p:not(.tag){color:#aaa}footer{background:#030303}.will-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroCopy,.art{transform:none}.will-reveal{opacity:1;transform:none;transition:none}.button,.topCta,.serviceGrid article{transition:none}}
.cross img{width:100%;height:100%;object-fit:cover}

/* Dirección creativa 2026: escala, fotografía real y tipografía de campaña. */
.official img{width:190px;height:auto;object-fit:contain;border-radius:0;mix-blend-mode:screen;filter:invert(1) grayscale(1) brightness(3)}
header{height:76px}.hero{min-height:calc(100svh - 76px);padding-top:70px;background:radial-gradient(circle at 70% 22%,#5a3d00 0,transparent 25%),#050505}.hero::before{content:"SALOM";position:absolute;left:-2vw;bottom:46px;color:#ffffff05;font:400 31vw/.75 var(--display);letter-spacing:-.04em;pointer-events:none}.heroCopy{max-width:790px}.hero h1{font-size:clamp(72px,10.5vw,158px);line-height:.84;letter-spacing:-.025em;margin:20px 0}.hero h1 em{font-style:normal;color:#ffc400}.heroCopy>p:not(.tag){max-width:610px;font-size:18px}.hero .tag{color:#ffc400}.art{width:39%;height:82%;right:4%;top:3%;display:flex;align-items:center;justify-content:center}.heroPoster{width:min(31vw,430px);aspect-ratio:.758;position:relative;overflow:hidden;border-radius:28px;transform:rotate(3deg);box-shadow:0 45px 120px #000,0 0 0 1px #ffffff22}.heroPoster img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.heroPoster:hover img{transform:scale(1.035)}.goldDisc{position:absolute;right:0;bottom:8%;width:105px;height:105px;border-radius:50%;background:#ffc400;color:#080808;display:grid;place-content:center;text-align:center;font:400 38px/.85 var(--display);box-shadow:0 15px 50px #ffc40044;animation:float 5s ease-in-out infinite}.goldDisc span{display:block;font:700 10px var(--sans);letter-spacing:.2em}.culture{background:#070707;color:#fff;padding-bottom:130px;overflow:hidden}.cultureIntro{display:grid;grid-template-columns:1fr 2fr;column-gap:8vw;align-items:end;margin-bottom:70px}.cultureIntro .tag{align-self:start}.cultureIntro h2{color:#fff;margin:0;font-size:clamp(62px,8vw,118px);line-height:.88}.cultureIntro h2 em{font-style:normal;color:#ffc400}.cultureIntro>p:last-child{grid-column:2;max-width:610px;margin-top:28px;color:#aaa;line-height:1.8}.posterRail{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1200px}.posterRail figure{margin:0;position:relative}.posterRail figure:nth-child(2){transform:translateY(55px)}.posterRail img{width:100%;aspect-ratio:.78;object-fit:cover;border-radius:22px;box-shadow:0 30px 80px #000;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.9)}.posterRail figure:hover img{transform:translateY(-12px) rotateX(2deg);filter:saturate(1.15)}.posterRail figcaption{font:700 10px var(--sans);letter-spacing:.18em;color:#777;margin-top:14px}.about h2,.services h2,.brandFeature h2,.presence h2,.values h2,.contact h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em}.about h2 em,.values h2 em{font-style:normal}.purpose h3,.serviceGrid h3,.valueList h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em}.stats b{font-family:var(--display);letter-spacing:.05em}.button{background:#ffc400;color:#090909}.contact{background:radial-gradient(circle at 15% 20%,#6b4900,transparent 33%),#050505}.contact h2{font-size:clamp(60px,8vw,115px)}
@keyframes float{50%{transform:translateY(-15px) rotate(5deg)}}
@media(max-width:900px){.official img{width:155px}.hero{min-height:900px}.art{width:48%;height:48%;top:48%;right:1%}.heroPoster{width:300px}.goldDisc{width:82px;height:82px;font-size:30px}.cultureIntro{grid-template-columns:1fr}.cultureIntro>p:last-child{grid-column:1}.posterRail{overflow-x:auto;grid-template-columns:repeat(3,minmax(280px,65vw));padding-bottom:35px;scroll-snap-type:x mandatory}.posterRail figure{scroll-snap-align:center}.posterRail figure:nth-child(2){transform:none}}
@media(max-width:580px){.official img{width:128px}.topCta{font-size:0}.topCta::after{content:'↗';font-size:15px}.hero{min-height:830px;padding-top:58px}.hero h1{font-size:clamp(64px,21vw,92px)}.heroCopy>p:not(.tag){font-size:15px}.art{display:block;width:210px;height:280px;right:-35px;top:53%;opacity:.45}.heroPoster{width:210px;border-radius:18px}.goldDisc{display:none}.culture{padding-left:20px;padding-right:0}.cultureIntro{padding-right:24px}.posterRail{grid-template-columns:repeat(3,78vw)}.stats span{font-size:7px}.stats b{font-size:13px}}

/* Arquitectura editorial compacta: navegación limpia, módulos y ritmo consistente. */
header{height:78px;background:#fff;color:#111;border-bottom:1px solid #e7e7e7;padding-inline:clamp(22px,4vw,62px)}.official img{width:176px;filter:none;mix-blend-mode:normal}.topCta{background:#111;color:#fff;box-shadow:none}nav{gap:28px}.hero{min-height:670px;padding:72px clamp(24px,6vw,86px) 112px}.hero h1{font-size:clamp(70px,8.8vw,132px)}.heroPoster{width:min(27vw,370px)}.art{right:5%;height:76%;top:7%}.stats{height:68px}.stats span{padding:15px 28px}.section{padding:76px clamp(24px,6vw,86px)}section>label{margin-bottom:36px}.quickLinks{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:0 clamp(24px,6vw,86px);border-bottom:1px solid #e7e7e7}.quickLinks a{padding:34px 34px 36px 0;border-right:1px solid #ddd;position:relative}.quickLinks a+a{padding-left:34px}.quickLinks a:last-child{border-right:0}.quickLinks small{color:#a37b11;font-weight:800}.quickLinks h3{font:400 clamp(22px,2vw,30px)/1.05 var(--display);margin:16px 0 20px}.quickLinks span{font-size:11px;font-weight:800}.about{grid-template-columns:145px 1fr;gap:3vw}.about h2,.services h2,.brandFeature h2,.brandTitle h2,.presence h2,.values h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:28px}.cols{gap:38px}.difference{margin-top:24px;padding:22px 26px;border-radius:16px}.difference p{font-size:clamp(17px,1.7vw,23px)!important}.purpose article{padding:58px clamp(28px,6vw,84px)}.purpose i{margin-bottom:24px}.services .head{align-items:center}.serviceGrid{margin-top:40px}.serviceGrid article{padding:30px}.serviceGrid i{margin:20px 0}.brandSection{background:#fff}.brandTitle{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.brandTitle>p{line-height:1.8;color:#666;max-width:490px}.brandsGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:38px}.brandCard{min-height:310px;border-radius:20px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.brandCard::before{content:"";position:absolute;width:210px;height:210px;border:1px solid currentColor;border-radius:50%;top:-90px;right:-55px;opacity:.18}.doctorCard{background:#080808;color:#fff}.hidrayaCard{background:linear-gradient(145deg,#f7d865,#c99619);color:#111}.brandCard small{font-size:9px;letter-spacing:.18em;font-weight:800;opacity:.7}.brandCard h3{font:400 clamp(42px,5vw,72px)/.85 var(--display);margin:18px 0}.brandCard h3 span{display:block;color:#ffc400}.brandCard p{max-width:460px;font-size:13px;line-height:1.7;opacity:.75}.brandCard a{margin-top:10px;font-size:11px;font-weight:800}.culture{padding-top:76px;padding-bottom:90px}.cultureIntro{margin-bottom:45px}.cultureIntro h2{font-size:clamp(54px,6.5vw,92px)}.posterRail{grid-template-columns:repeat(3,1fr);max-width:1050px;margin:auto;gap:18px}.posterRail figure:nth-child(2){transform:none}.posterRail img{border-radius:16px}.presence{gap:5vw}.map{height:350px}.valuesHead{margin-left:16%}.valueList{margin-top:35px}.valueList article{padding:18px 0}.contact{padding-block:72px}.contact h2{font-size:clamp(54px,6.5vw,92px)}footer{padding-top:42px}
@media(max-width:900px){header nav{display:none}.hero{min-height:760px}.quickLinks{grid-template-columns:1fr}.quickLinks a,.quickLinks a+a{padding:22px 0;border-right:0;border-bottom:1px solid #ddd}.brandTitle,.brandsGrid{grid-template-columns:1fr}.brandsGrid{gap:14px}.brandCard{min-height:270px}.about{grid-template-columns:1fr}.posterRail{grid-template-columns:repeat(3,minmax(270px,65vw))}}
@media(max-width:580px){header{height:68px}.official img{width:142px}.hero{min-height:720px;padding-top:45px}.hero h1{font-size:clamp(60px,18vw,82px)}.quickLinks{padding-inline:20px}.quickLinks h3{margin:7px 0}.section{padding:58px 20px}.brandCard{padding:26px;min-height:250px}.brandTitle h2{font-size:46px}.culture{padding-left:20px}.cultureIntro h2{font-size:52px}.purpose article{padding:48px 22px}.contact{padding-block:58px}}

/* Portafolio de marcas oficial. */
.brandGroup{margin-top:44px;padding-top:28px;border-top:1px solid #ddd}.groupHead{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;margin-bottom:22px}.groupHead>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:9px;font-weight:800}.groupHead h3{margin:0 0 5px;font:400 28px/1 var(--display);text-transform:uppercase}.groupHead p{margin:0;color:#777;font-size:12px}.logoGrid{display:grid;gap:14px}.logoGrid.pharmacies{grid-template-columns:repeat(4,1fr)}.logoGrid.single{grid-template-columns:1fr}.logoGrid article{min-height:190px;padding:24px;background:#fafafa;border:1px solid #e9e9e9;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s,border-color .3s}.logoGrid article:hover{transform:translateY(-5px);border-color:#d4a62d66;box-shadow:0 18px 45px #0000000d}.logoGrid img{display:block;width:100%;height:115px;object-fit:contain}.logoGrid small{margin-top:15px;font-size:8px;letter-spacing:.14em;color:#888;font-weight:800}.splitGroup{display:grid;grid-template-columns:58px 1fr 58px 1fr;column-gap:18px;align-items:start}.splitGroup>.groupHead{display:contents}.splitGroup>.groupHead>span{margin-top:0}.splitGroup>.groupHead>div{padding-right:15px}.splitGroup>.logoGrid{grid-column:auto;margin-top:18px}.splitGroup>.logoGrid:nth-of-type(1){grid-column:1/3}.splitGroup>.logoGrid:nth-of-type(2){grid-column:3/5}.splitGroup .logoGrid article{min-height:210px}.hidrayaLogo{background:linear-gradient(145deg,#f7d865,#d5a629)!important}.hidrayaLogo img{height:95px}
@media(max-width:1000px){.logoGrid.pharmacies{grid-template-columns:repeat(2,1fr)}.splitGroup{grid-template-columns:45px 1fr}.splitGroup>.groupHead{display:contents}.splitGroup>.logoGrid:nth-of-type(1),.splitGroup>.logoGrid:nth-of-type(2){grid-column:1/3;margin-bottom:26px}.splitGroup>.groupHead:nth-of-type(2)>span{grid-column:1}.splitGroup>.groupHead:nth-of-type(2)>div{grid-column:2}}
@media(max-width:580px){.brandGroup{margin-top:32px}.logoGrid.pharmacies{grid-template-columns:1fr 1fr;gap:9px}.logoGrid article{min-height:145px;padding:14px}.logoGrid img{height:82px}.logoGrid small{text-align:center;font-size:7px}.groupHead{grid-template-columns:40px 1fr}.groupHead h3{font-size:24px}.splitGroup{grid-template-columns:40px 1fr}.splitGroup .logoGrid article{min-height:170px}}

/* Portfolio de marcas */
.brandSection{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f7f4ed 100%)}
.brandSection::before{content:"";position:absolute;width:430px;height:430px;right:-230px;top:90px;border:1px solid #d9aa2e44;border-radius:50%;box-shadow:0 0 0 75px #d9aa2e0a,0 0 0 150px #d9aa2e08;pointer-events:none}
.brandSection>*{position:relative;z-index:1}
.pharmacyBlock{margin-top:54px;padding-top:30px}
.pharmacyBlock .groupHead{align-items:center;margin-bottom:28px}
.pharmacyBlock .groupHead>span{background:#ffc400;color:#090909;box-shadow:0 8px 24px #ffc40042}
.pharmacyBlock .groupHead h3{font-size:clamp(30px,3vw,42px)}
.logoGrid.pharmacies{gap:16px}
.logoGrid .brandTile{min-height:270px;padding:17px 20px 20px;background:#fff;border:1px solid #dedede;border-radius:20px;align-items:stretch;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 12px 34px #17120a09;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}
.logoGrid .brandTile::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-accent,#111);transform:scaleX(.28);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.logoGrid .brandTile::after{content:"";position:absolute;width:130px;height:130px;right:-72px;top:-72px;border:1px solid var(--brand-accent,#111);border-radius:50%;opacity:.15;transition:transform .55s}
.brandTile.is-visible:hover{transform:translateY(-10px) rotate(-.4deg);border-color:color-mix(in srgb,var(--brand-accent,#111) 38%,#dedede);box-shadow:0 28px 60px #17120a1c}
.brandTile:hover::before{transform:scaleX(1)}
.brandTile:hover::after{transform:scale(1.35)}
.brandTile:nth-child(2){transition-delay:.07s}
.brandTile:nth-child(3){transition-delay:.14s}
.brandTile:nth-child(4){transition-delay:.21s}
.econoTile{--brand-accent:#151515}.puebloTile{--brand-accent:#249ad0}.amigoTile{--brand-accent:#273f6b}.doctorTile{--brand-accent:#4dad42}
.brandNumber{font:700 9px var(--sans);letter-spacing:.16em;color:#999}
.logoStage{height:154px;position:relative;overflow:hidden;display:block}
.logoStage img{position:absolute!important;left:50%;top:50%;width:96%!important;height:auto!important;object-fit:initial!important;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s}
.logoStage.wideLogo img{width:100%!important}
.brandTile:hover .logoStage img{transform:translate(-50%,-50%) scale(1.075);filter:saturate(1.12)}
.brandMeta{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #ececec}
.logoGrid .brandMeta small{margin:0;color:#777;font-size:7px;letter-spacing:.17em;text-align:left}
.brandMeta b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f1efe9;color:#111;font-size:12px;transition:transform .35s,background .35s,color .35s}
.brandTile:hover .brandMeta b{transform:rotate(45deg);background:var(--brand-accent,#111);color:#fff}
.portfolioDuo{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}
.ventureCard{min-height:380px;border-radius:22px;padding:38px;position:relative;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;box-shadow:0 20px 55px #18120712}
.ventureCard::before{content:"";position:absolute;width:300px;height:300px;border:1px solid currentColor;border-radius:50%;right:-115px;top:-135px;opacity:.13;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.ventureCard:hover::before{transform:scale(1.18)}
.distributionCard{background:radial-gradient(circle at 82% 35%,#3e300e 0,transparent 27%),#080808;color:#fff}
.ventureCopy{width:54%;position:relative;z-index:2}
.ventureCopy>span{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ffc400;color:#080808;font-size:9px;font-weight:800;margin-bottom:54px}
.ventureCopy .tag{color:#d8ad39;margin:0 0 14px}
.ventureCopy h3{font:400 clamp(29px,3.1vw,47px)/.98 var(--display);text-transform:uppercase;margin:0 0 22px;letter-spacing:-.01em}
.ventureCopy small{font-size:8px;letter-spacing:.16em;opacity:.58}
.ventureLogo{position:absolute;right:34px;top:50%;width:42%;height:205px;background:#fff;border-radius:18px;overflow:hidden;transform:translateY(-50%) rotate(2deg);box-shadow:0 24px 60px #0006;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ventureLogo img{position:absolute;left:50%;top:50%;width:112%;height:auto;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ventureCard:hover .ventureLogo{transform:translateY(-54%) rotate(-1.5deg) scale(1.035)}
.ventureCard:hover .ventureLogo img{transform:translate(-50%,-50%) scale(1.05)}
.ventureCard>i{position:absolute;right:24px;top:24px;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-style:normal;z-index:3;transition:transform .4s,background .4s,color .4s}
.ventureCard:hover>i{transform:rotate(45deg);background:#ffc400;color:#090909;border-color:#ffc400}
.portfolioDuo .hidrayaCard{background:linear-gradient(145deg,#f8d75c 0,#e6b529 62%,#b67a08 100%);color:#0a0a0a}
.hidrayaCard .ventureCopy{width:100%;padding-right:12%}
.hidrayaCard .ventureCopy>span{background:#0a0a0a;color:#ffc400;margin-bottom:34px}
.hidrayaCard .ventureCopy .tag{color:#5e4304}
.hidrayaCard .ventureCopy h3{font-size:clamp(31px,3vw,44px);max-width:410px;margin-bottom:115px}
.hidrayaMark{position:absolute;left:38px;right:38px;top:auto;width:auto;bottom:53px;height:85px;overflow:hidden;transform:rotate(-2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.hidrayaMark img{position:absolute;left:50%;top:50%;width:106%;height:auto;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.hidrayaCard:hover .hidrayaMark{transform:rotate(0) scale(1.045)}
.portfolioDuo .ventureCard:nth-child(2){transition-delay:.11s}

@media(max-width:1000px){.portfolioDuo{grid-template-columns:1fr}.ventureCard{min-height:340px}.hidrayaCard .ventureCopy h3{margin-bottom:100px}.ventureLogo{width:43%}}
@media(max-width:720px){.logoGrid.pharmacies{grid-template-columns:1fr 1fr}.logoGrid .brandTile{min-height:225px}.logoStage{height:120px}.portfolioDuo{gap:12px}.ventureCard{min-height:390px;padding:28px;align-items:flex-start}.ventureCopy{width:100%;padding-right:0}.ventureCopy>span{margin-bottom:28px}.ventureLogo{right:28px;left:28px;top:auto;bottom:28px;width:auto;height:145px;transform:rotate(1deg)}.ventureCard:hover .ventureLogo{transform:translateY(-4px) rotate(-1deg)}.distributionCard .ventureCopy h3{max-width:500px;padding-right:32px}.hidrayaMark{left:28px;right:28px;bottom:42px}.hidrayaCard .ventureCopy h3{margin-bottom:100px}.ventureCard>i{right:20px;top:20px}}
@media(max-width:480px){.logoGrid.pharmacies{grid-template-columns:1fr}.logoGrid .brandTile{min-height:218px}.logoStage{height:116px}.pharmacyBlock .groupHead h3{font-size:29px}.portfolioDuo .ventureCard{min-height:405px}.ventureCopy h3{font-size:31px}.hidrayaCard .ventureCopy h3{margin-bottom:112px}.ventureLogo{height:138px}.brandTile:nth-child(n){transition-delay:0s}}
@media(prefers-reduced-motion:reduce){.brandTile:nth-child(n),.ventureCard:nth-child(n){transition-delay:0s}.brandTile.is-visible:hover{transform:none}.brandTile:hover .logoStage img,.ventureCard:hover .ventureLogo,.ventureCard:hover .ventureLogo img,.hidrayaCard:hover .hidrayaMark{transform:none}}

/* Presencia nacional */
.presence{position:relative;grid-template-columns:.9fr 1.1fr;gap:6vw;min-height:690px;background:radial-gradient(circle at 76% 46%,#4d390c 0,transparent 28%),#070707;color:#fff;overflow:hidden}
.presence::before{content:"GUATEMALA";position:absolute;left:-18px;bottom:-22px;font:400 clamp(95px,15vw,230px)/.72 var(--display);letter-spacing:-.03em;color:#ffffff05;pointer-events:none}
.presenceCopy{position:relative;z-index:2}
.presence .tag{color:#ffc400}
.presence h2{color:#fff;font-size:clamp(54px,6.2vw,92px);margin:18px 0 28px}
.presence h2 em{color:#ffc400;font-style:normal}
.presenceCopy>p:not(.tag){max-width:620px;color:#b8b8b8;font-size:16px;line-height:1.8}
.presenceFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:35px 0}
.presenceFacts article{min-height:145px;padding:23px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff08;backdrop-filter:blur(10px);transition:transform .4s,border-color .4s,background .4s}
.presenceFacts article:hover{transform:translateY(-5px);border-color:#ffc40066;background:#ffffff0d}
.presenceFacts small{display:block;color:#c99e2c;font-size:12px;letter-spacing:.14em;font-weight:800}
.presenceFacts strong{display:block;margin:13px 0 8px;font:400 28px var(--display);text-transform:uppercase;color:#fff}
.presenceFacts span{display:block;color:#999;font-size:14px;line-height:1.45}
.guatemalaMap{position:relative;min-height:520px;align-self:center;isolation:isolate}
.mapGlow{position:absolute;width:330px;height:330px;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;background:#ffc40022;filter:blur(20px);box-shadow:0 0 0 70px #ffc40009,0 0 0 140px #ffc40005}
.mapShape{position:absolute;inset:2% 5% 8% 4%;background:linear-gradient(145deg,#ffe36d 0,#e6b82d 55%,#8e5e05 100%);-webkit-mask:url('assets/guatemala-map.svg') center/contain no-repeat;mask:url('assets/guatemala-map.svg') center/contain no-repeat;filter:drop-shadow(0 35px 40px #000);transform:rotate(-2deg);animation:mapFloat 7s ease-in-out infinite}
.mapMarker{position:absolute;left:64%;top:69%;z-index:3;display:flex;align-items:center;gap:13px}
.mapMarker>i{position:relative;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #0a0a0a;box-shadow:0 0 0 4px #ffc400,0 0 28px #ffc400;flex:0 0 auto}
.mapMarker>i::after{content:"";position:absolute;inset:-14px;border:1px solid #ffc400;border-radius:50%;animation:markerPulse 2.2s ease-out infinite}
.mapMarker>span{min-width:142px;padding:11px 14px;background:#fff;color:#111;border-radius:10px;box-shadow:0 16px 45px #0008}
.mapMarker b{display:block;font:400 18px var(--display);text-transform:uppercase}
.mapMarker small{display:block;margin-top:2px;color:#80600f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mapCaption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;color:#8c7a50;font-size:12px;letter-spacing:.18em;font-weight:800}
@keyframes mapFloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-10px)}}
@keyframes markerPulse{0%{transform:scale(.45);opacity:1}100%{transform:scale(1.65);opacity:0}}

/* Contacto y nuevo cierre */
.contact{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;padding-top:94px;padding-bottom:94px;background:linear-gradient(120deg,#050505 0,#111 60%,#211901 100%);border-top:1px solid #ffc40033;overflow:hidden}
.contact::before{content:"SALOM";position:absolute;right:-2vw;top:3px;font:400 18vw/.8 var(--display);color:#ffffff04;pointer-events:none}
.contactIntro,.contactPanel{position:relative;z-index:1}
.contact .tag{color:#ffc400;font-size:12px}
.contact h2{font-size:clamp(58px,7.5vw,108px);line-height:.84;margin:22px 0 0}
.contact h2 em{color:#ffc400;font-style:normal}
.contactPanel{padding:4px 0 4px 38px;border-left:1px solid #ffffff26}
.contactPanel>p{margin:0 0 30px;color:#b8b8b8!important;font-size:16px;line-height:1.75}
.whatsappButton{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:20px 22px;border-radius:14px;background:#ffc400;color:#090909;transition:transform .35s,box-shadow .35s}
.whatsappButton:hover{transform:translateY(-4px);box-shadow:0 18px 45px #ffc4002e}
.whatsappButton span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.whatsappButton b{font-size:16px}
.whatsappButton i{width:32px;height:32px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-style:normal;transition:transform .35s}
.whatsappButton:hover i{transform:rotate(45deg)}
.socialLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.socialLinks a{padding:12px 15px;border:1px solid #ffffff24;border-radius:999px;color:#ddd;font-size:13px;font-weight:700;transition:border-color .3s,color .3s,background .3s}
.socialLinks a:hover{border-color:#ffc400;color:#ffc400;background:#ffc4000b}
footer.siteFooter{display:block;background:#f4f1e9;color:#151515;padding:62px clamp(24px,6vw,86px) 24px}
.siteFooter .footerMain{display:grid;grid-template-columns:1.15fr 1.1fr .65fr .75fr;align-items:start;gap:5vw;padding-bottom:48px}
.footerBrand{display:block;max-width:265px;padding:18px 20px;background:#fff;border:1px solid #dfdbcf;border-radius:14px;box-shadow:0 12px 34px #271b050a}
.footerBrand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.footerStatement small,.footerNav small,.footerContact small{display:block;margin-bottom:17px;color:#9a7312;font-size:12px;letter-spacing:.15em;font-weight:800}
.footerStatement p{margin:0 0 16px;font:400 25px/1.15 var(--display);text-transform:uppercase;color:#151515;text-align:left}
.footerStatement span{font-size:14px;color:#777}
.siteFooter .footerNav{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:14px;font-weight:700}
.footerNav a,.footerContact a{color:#333;transition:color .25s,transform .25s}
.footerNav a:hover,.footerContact a:hover{color:#9a7312;transform:translateX(3px)}
.footerContact{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:14px;font-weight:700}
.footerContact small{margin-bottom:6px}
.footerContact a:first-of-type{font-size:16px;color:#111;margin-bottom:5px}
.siteFooter .footerBottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #d4cfc3;color:#777;font-size:13px}
.footerBottom a{color:#111;font-weight:800}

@media(max-width:960px){.presence{grid-template-columns:1fr;gap:30px}.guatemalaMap{min-height:500px}.presenceCopy{max-width:760px}.siteFooter .footerMain{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;align-items:start}.contactPanel{max-width:680px;padding-left:0;border-left:0}}
@media(max-width:620px){.presence{min-height:0}.presence h2{font-size:50px}.presenceFacts{grid-template-columns:1fr}.guatemalaMap{min-height:400px;margin-inline:-12px}.mapMarker{left:59%;top:68%;gap:8px}.mapMarker>span{min-width:118px;padding:9px 10px}.mapMarker b{font-size:16px}.mapCaption{font-size:10px}.contact{padding-block:64px}.contact h2{font-size:55px}.whatsappButton{grid-template-columns:1fr auto}.whatsappButton b{grid-column:1}.whatsappButton i{grid-column:2;grid-row:1/3}.siteFooter .footerMain{grid-template-columns:1fr;gap:34px}.footerBrand{max-width:240px}.siteFooter .footerBottom{align-items:flex-start;flex-direction:column}.socialLinks a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mapShape,.mapMarker>i::after{animation:none}}

/* Doctor Farma como marca protagonista */
@media(min-width:901px){.logoGrid.pharmacies{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(190px,1fr));align-items:stretch}.logoGrid .doctorTile{grid-column:1;grid-row:1/3;min-height:472px}.logoGrid .econoTile{grid-column:2;grid-row:1}.logoGrid .puebloTile{grid-column:3;grid-row:1}.logoGrid .amigoTile{grid-column:2/4;grid-row:2}.logoGrid .econoTile,.logoGrid .puebloTile,.logoGrid .amigoTile{min-height:228px}.econoTile .logoStage,.puebloTile .logoStage,.amigoTile .logoStage{height:112px}}
.logoGrid .doctorTile{--brand-accent:#ffc400;background:radial-gradient(circle at 72% 28%,#3e300d 0,transparent 32%),#080808;border-color:#232323;box-shadow:0 28px 70px #0002}
.doctorTile .brandNumber{color:#ffc400;font-size:12px;letter-spacing:.13em}
.doctorTile .brandNumber::after{content:"  ·  MARCA DESTACADA";color:#d7d7d7;font-weight:800}
.doctorTile .logoStage{height:300px;margin:8px 0 12px;background:#fff;border-radius:16px;box-shadow:0 18px 50px #0008;overflow:hidden}
.doctorTile .logoStage img{width:91%!important}
.doctorTile .brandMeta{border-top-color:#ffffff22}
.logoGrid .doctorTile .brandMeta small{color:#cfcfcf;font-size:9px}
.doctorTile .brandMeta b{background:#ffc400;color:#090909}
.doctorTile:hover .brandMeta b{background:#fff;color:#090909}
.doctorTile::after{width:210px!important;height:210px!important;right:-105px!important;top:-105px!important;opacity:.22!important}
@media(min-width:601px) and (max-width:900px){.logoGrid .doctorTile{grid-column:1/-1;min-height:310px}.doctorTile .logoStage{height:190px}.doctorTile .logoStage img{width:78%!important}}
@media(max-width:600px){.logoGrid .doctorTile{grid-column:auto;min-height:260px}.doctorTile .logoStage{height:150px;margin-block:6px}.doctorTile .logoStage img{width:96%!important}.doctorTile .brandNumber{font-size:11px}.doctorTile .brandNumber::after{font-size:10px}}

/* Doctor Farma primero y destacado por escala, conservando el mismo lenguaje visual */
.logoGrid .doctorTile{order:-1;--brand-accent:#4dad42;background:#fff;border-color:#dedede;box-shadow:0 12px 34px #17120a09}
.doctorTile .brandNumber,.econoTile .brandNumber,.puebloTile .brandNumber,.amigoTile .brandNumber{font-size:0;color:#999}
.doctorTile .brandNumber::before{content:"01"}.econoTile .brandNumber::before{content:"02"}.puebloTile .brandNumber::before{content:"03"}.amigoTile .brandNumber::before{content:"04"}
.doctorTile .brandNumber::before,.econoTile .brandNumber::before,.puebloTile .brandNumber::before,.amigoTile .brandNumber::before{font:700 9px var(--sans);letter-spacing:.16em}
.doctorTile .brandNumber::after{content:""}
.doctorTile .logoStage{background:transparent;border-radius:0;box-shadow:none}
.doctorTile .brandMeta{border-top-color:#ececec}
.logoGrid .doctorTile .brandMeta small{color:#777;font-size:8px}
.doctorTile .brandMeta b{background:#f1efe9;color:#111}
.doctorTile:hover .brandMeta b{background:var(--brand-accent);color:#fff}
.doctorTile::after{width:130px!important;height:130px!important;right:-72px!important;top:-72px!important;opacity:.15!important}