@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#00182b;--dark:#001222;--gold:#dbb16b;--white:#f7f8fb;--muted:#a6b4c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:14px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 42px}.narrow{max-width:940px;margin:auto;padding:0 28px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;z-index:10;left:0;right:0}.logo img,.foot img{width:120px;max-height:60px;object-fit:contain}.nav nav,.foot nav{display:flex;gap:25px;font-size:11px}.nav nav a:hover,.foot a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:32px;padding:14px 23px;font-size:12px;font-weight:800;border:1px solid transparent}.btn.gold,.round{background:linear-gradient(120deg,#f2d49a,#d5a85d);color:#07182b}.btn.outline{border-color:#9aabba;background:transparent}.btn.small{padding:10px 18px}.hero{min-height:690px;background:linear-gradient(90deg,rgba(0,17,32,.97) 0%,rgba(0,18,33,.88) 43%,rgba(0,15,28,.28) 100%),url('assets/uniforme-hombre.webp') center 38%/cover;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.hero-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:140px;padding-bottom:55px}.hero-symbol{width:43%;text-align:center}.hero-symbol img{width:100%;max-width:390px;filter:drop-shadow(0 15px 30px #0008)}.eyebrow{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:1.5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,88px);line-height:.99;letter-spacing:-3px;margin:18px 0 24px;font-weight:800}h1 em,h2 em{color:var(--gold);font-style:normal}h2{font-size:clamp(27px,3.2vw,43px);line-height:1.08;letter-spacing:-1.3px;margin:12px 0}h3{font-size:14px}p{color:var(--muted);line-height:1.7}.hero p{font-size:16px;color:#d1d8e2}.actions{display:flex;gap:12px;flex-wrap:wrap}.values{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:32px}.values span,.value-icons span{font-size:29px;color:var(--gold);text-align:center}.values small,.value-icons small{display:block;color:#fff;font-size:10px;margin-top:8px}.values a{font-size:11px}.essence{padding:90px 0;background:linear-gradient(90deg,#001526b5,#001526a8),url('assets/escudo-circular.webp') right center/auto 130% no-repeat, #001b30;border-top:1px solid #ffffff19}.center{text-align:center}.essence p{margin:18px auto 28px}.value-icons{display:flex;justify-content:center;gap:70px}.section{padding:85px 0;border-top:1px solid #ffffff12}.refs{background:radial-gradient(circle at 95% 50%,#092c49,#001629 65%)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters button{border:1px solid #ffffff28;background:transparent;color:#d6e0eb;border-radius:25px;padding:9px 14px;font-size:11px}.filters button.active{background:var(--gold);color:#061a2d}.ref-list{display:grid;gap:13px}.ref-card{display:grid;grid-template-columns:39% 1fr 45px;align-items:center;gap:25px;border:1px solid #ffffff19;border-radius:13px;overflow:hidden;background:#09213990;min-height:160px}.ref-card>img{width:100%;height:190px;object-fit:cover;background:#0b1e2d}.ref-card small{color:var(--gold);font-size:10px}.ref-card h3{margin:8px 0}.ref-card p{font-size:12px;margin:0 0 8px}.ref-card div>a,.article-grid button{font-size:12px;color:var(--gold);background:none;border:0;padding:0}.round{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;margin-right:14px}.disclaimer{font-size:11px;margin-top:20px}.process{background:#001a30}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}.steps article{border:1px solid #ffffff18;border-radius:12px;padding:22px;min-height:175px}.steps b{font-size:25px;color:var(--gold)}.steps h3{margin:12px 0 6px}.steps p{font-size:11px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:180px 180px;gap:12px;margin-top:24px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#0b2a41}.gallery-grid .big{grid-row:span 2}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.article-grid article{border:1px solid #ffffff18;border-radius:12px;overflow:hidden;background:#092138}.article-grid img{width:100%;height:180px;object-fit:cover}.article-grid article>div{padding:18px}.article-grid h3{margin-bottom:7px}.article-grid p{font-size:12px}.faq details{border-bottom:1px solid #ffffff22;padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{padding-top:12px}.contact{background:linear-gradient(120deg,#00162b,#09253e)}.contact-grid{display:grid;grid-template-columns:40% 60%;gap:28px}.contact ul{padding-left:18px;line-height:2.8}.contact li::marker{color:var(--gold)}form{background:#ffffff08;border:1px solid #ffffff22;border-radius:13px;padding:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}label{font-size:11px;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border-radius:6px;background:#ffffff07;border:1px solid #ffffff30;color:white;outline:none}select option{color:#111}textarea{resize:vertical;min-height:42px}.full{width:100%}form>small{display:block;margin-top:12px;color:var(--muted);font-size:10px}#result{margin-top:22px}#prepared{min-height:200px}.closing{padding:100px 0;background:linear-gradient(#001629a8,#001629c9),url('assets/insignia-uniforme.webp') center/cover}.closing h2{margin-top:18px}footer{padding:25px 0;background:#00101e}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot small{text-align:right;color:var(--muted);font-size:10px}dialog{background:#071c31;color:white;border:1px solid #cda15b;border-radius:14px;max-width:650px;width:90%;padding:36px;line-height:1.7}dialog::backdrop{background:#000b}#close-dialog{float:right;background:none;border:0;color:white;font-size:28px}@media(max-width:800px){.wrap{padding:0 22px}.nav{position:relative;height:auto;padding-top:15px;padding-bottom:15px;flex-wrap:wrap;background:#001322}.nav nav{order:3;width:100%;overflow-x:auto;gap:15px;white-space:nowrap;padding:8px 0}.nav>.btn{font-size:10px}.hero{min-height:600px}.hero-inner{padding-top:60px;align-items:flex-end}.hero-symbol{width:32%}.values{gap:10px}.values a{display:none}.essence{padding:65px 0}.value-icons{gap:30px}.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.foot{flex-wrap:wrap}.foot nav{flex-wrap:wrap}}@media(max-width:540px){h1{font-size:47px}.hero-inner{display:block}.hero-symbol{position:absolute;right:0;bottom:80px;width:37%;opacity:.65}.hero-inner>div:first-child{position:relative;z-index:2}.values span{font-size:18px}.values small{font-size:8px}.value-icons{gap:16px}.value-icons span{font-size:20px}.ref-card{grid-template-columns:36% 1fr;gap:10px;padding-right:8px}.ref-card>img{height:165px}.ref-card .round{display:none}.ref-card h3{font-size:11px}.ref-card p{font-size:10px}.steps{gap:10px}.steps article{padding:14px}.gallery-grid{grid-template-rows:120px 120px;gap:6px}.article-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.foot nav{display:none}}/* COLPIN V3 — fidelidad visual al mockup: luces, texturas, profundidad */
:root{--gold:#e6ba73;--navy:#001326;--muted:#aab6c4}body{background:#001323;background-image:radial-gradient(ellipse 60% 35% at 100% 20%,#11304b55,transparent),radial-gradient(ellipse 50% 30% at 0% 60%,#072f4b66,transparent)}.nav{max-width:none;padding-left:max(42px,calc((100vw - 1156px)/2));padding-right:max(42px,calc((100vw - 1156px)/2));background:linear-gradient(180deg,#00111dcf,transparent);backdrop-filter:blur(7px)}.hero{min-height:710px;overflow:hidden;background:linear-gradient(90deg,#001326 0%,#001326ec 29%,#00132683 58%,#0013260a 100%),linear-gradient(0deg,#001323 0%,transparent 22%),url('assets/uniforme-hombre.webp') center 47%/cover no-repeat}.hero:before,.refs:before,.editorial:before{content:"";position:absolute;inset:-18% -12%;pointer-events:none;opacity:.23;background:repeating-radial-gradient(circle at 88% 55%,transparent 0 68px,#60819a55 69px 70px,transparent 71px 115px);mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:"";position:absolute;right:-100px;top:5%;width:650px;height:650px;background:radial-gradient(circle,#c99b4b24,transparent 63%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding-bottom:82px}.hero-inner>div:first-child{max-width:650px}.hero-symbol{width:37%;transform:rotate(-7deg);filter:drop-shadow(0 25px 45px #0009)}.hero-symbol img{max-width:420px}.hero h1{font-size:clamp(57px,6.7vw,96px);letter-spacing:-4.5px}.hero p{max-width:440px}.values{position:relative;z-index:2}.values span,.value-icons span{font-family:Georgia,serif;font-size:35px;text-shadow:0 0 20px #d7ac5440}.values small,.value-icons small{font-family:Manrope,Arial,sans-serif;letter-spacing:1px}.essence{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;background:linear-gradient(90deg,#001525ad 0%,#001525f4 32%,#001525e8 65%,#00152580 100%),url('assets/insignia-uniforme.webp') left 47%/45% auto no-repeat,url('assets/escudo-circular.webp') right 40%/38% auto no-repeat,#001323}.essence:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#001323bb 32%,#001323a9 65%,transparent 95%);pointer-events:none}.essence>.wrap{position:relative;z-index:1}.essence h2{font-size:clamp(32px,3.5vw,49px)}.section{position:relative}.refs{background:radial-gradient(ellipse at 90% 40%,#0b2c4660,transparent 65%),#001628}.refs>.narrow{position:relative;z-index:1}.ref-card{grid-template-columns:42% 1fr 52px;background:linear-gradient(105deg,#102a40bb,#061b30bb);border-color:#b5c8d21a;box-shadow:0 18px 35px #0002;transition:transform .25s,border-color .25s}.ref-card:hover{transform:translateY(-3px);border-color:#e6ba7366}.ref-card>img{height:194px;object-fit:cover}.ref-card:nth-child(1)>img{object-fit:contain;background:radial-gradient(circle,#14354b,#071a2b)}.ref-card:nth-child(3)>img{object-fit:contain;background:radial-gradient(circle,#15314a,#05172a)}.round{box-shadow:0 6px 20px #d7aa5d40}.process{background:linear-gradient(180deg,#00192b,#001325)}.steps article{background:linear-gradient(135deg,#0b2a4266,#04182b88);box-shadow:inset 0 1px #ffffff09}.steps article b{display:inline-flex;align-items:center;gap:12px}.steps article b:before{content:'✧';width:40px;height:40px;border:1px solid #cfa45f;border-radius:50%;display:grid;place-items:center;font-size:22px}.gallery{background:radial-gradient(circle at 85% 65%,#113a4b44,transparent 55%)}.gallery-grid img{filter:contrast(1.07) saturate(1.06);transition:transform .3s,filter .3s}.gallery-grid img:hover{filter:brightness(1.18);transform:scale(1.015)}.editorial{background:radial-gradient(circle at 100% 0%,#13334b66,transparent 55%)}.editorial>.wrap{position:relative;z-index:1}.article-grid article{background:linear-gradient(150deg,#0a263e,#03182a);transition:transform .25s}.article-grid article:hover{transform:translateY(-4px)}.article-grid img{object-position:center 42%}.contact{background:radial-gradient(circle at 75% 30%,#1b3c5255,transparent 55%),linear-gradient(120deg,#001323,#051d33)}.contact form{background:linear-gradient(145deg,#ffffff0b,#ffffff04);box-shadow:0 25px 55px #0003;backdrop-filter:blur(8px)}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--gold)}.closing{background:linear-gradient(90deg,#001426ba,#001426a1),url('assets/uniforme-hombre.webp') left center/55% auto no-repeat,url('assets/escudo-circular.webp') right center/43% auto no-repeat,#001323;position:relative}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#00132630,#00132688)}.closing>.wrap{position:relative}.btn.gold:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn{transition:filter .2s,transform .2s}.faq{background:#001727}.faq details{max-width:940px;margin:auto}.disclaimer{max-width:850px} @media(max-width:800px){.nav{padding-left:22px;padding-right:22px}.hero{background-position:60% center}.hero-symbol{opacity:.75}.essence{background-size:auto,65% auto,55% auto,auto}.ref-card{grid-template-columns:38% 1fr 40px}}@media(max-width:540px){.hero{background-position:58% center}.hero h1{font-size:50px;letter-spacing:-2px}.hero-symbol{width:37%;opacity:.6}.essence{background-size:auto,85% auto,80% auto,auto}.ref-card{grid-template-columns:38% 1fr}.closing{background-size:auto,100% auto,80% auto,auto}}

/* Premium photographic art direction — COLPIN */
.hero{background:linear-gradient(90deg,#001326 0%,#001326e8 28%,#00132688 57%,#00132618 100%),url('assets/hero-cinematic.jpg') center center/cover no-repeat!important}
.hero-symbol{display:none!important}
.essence{background:linear-gradient(90deg,#001525a0,#001525d9 38%,#001525ce 64%,#00152572),url('assets/essence-cinematic.jpg') center/cover no-repeat!important}
.closing{background:linear-gradient(90deg,#001426a8,#001426a8),url('assets/closing-cinematic.jpg') center/cover no-repeat!important}
.ref-card:nth-child(3)>img{object-fit:cover;background:#0c2539}
.gallery-grid img,.article-grid img,.ref-card img{transition:transform .4s ease,filter .4s ease}
.ref-card{overflow:hidden}.ref-card:hover img{filter:brightness(1.12)}
.section:where(.refs,.editorial,.gallery){isolation:isolate}
.refs:after,.editorial:after,.gallery:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 50%,#31516a20,transparent 60%);pointer-events:none}
@media(max-width:650px){.hero{background-position:64% center!important}.essence{background-position:55% center!important}.closing{background-position:65% center!important}}