:root{--navy:#17244c;--dark:#0d1734;--gold:#f6b92f;--text:#24304a;--muted:#657084;--pale:#f3f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding-left:26px;padding-right:26px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1108px)/2));background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 20px #0c193510}.brand{display:flex;align-items:center;gap:12px}.brand img{height:63px;width:63px;object-fit:contain}.brand b{font-size:28px;letter-spacing:2px;color:var(--navy);display:block;line-height:1}.brand small{font-size:10px;font-weight:700;letter-spacing:1.3px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav a:hover{color:#b17c08}.navcta{background:var(--gold);padding:12px 21px;border-radius:3px}.menu{display:none}.hero{min-height:580px;background:linear-gradient(120deg,#0b1734 10%,#1a2d5b 85%);color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-content{max-width:610px;padding:105px 30px 105px max(26px,calc((100vw - 1108px)/2));z-index:1}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2.1px}.eyebrow.dark{color:#a67b18}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,68px);line-height:1.08;letter-spacing:-2px;margin:20px 0 23px}h1 em{font-style:normal;color:var(--gold)}.hero p{color:#c6cddd;max-width:510px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:3px;padding:13px 21px;font-weight:800;font-size:13px;cursor:pointer}.primary{background:var(--gold);color:#17203a}.outline{border:1px solid #9ba8c4;color:white;background:transparent}.hero-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 60% 45%,#344a80 0,#14254d 50%,transparent 75%)}.rings{height:370px;width:370px;border:2px solid #ffffff40;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05}.core{width:280px;height:280px;border:30px solid var(--gold);border-left-color:#ffffff25;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:70px;font-weight:900;letter-spacing:-5px}.core span{font-size:11px;letter-spacing:4px}.art-tag{position:absolute;bottom:35px;font-size:10px;letter-spacing:2px;color:#bfc9df}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:105px;padding-bottom:100px}.intro p{color:var(--muted)}h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-1.2px;margin:15px 0 25px;color:var(--dark)}.section{padding-top:95px;padding-bottom:100px}.pale{background:var(--pale)}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.sectionhead p{max-width:320px;color:var(--muted)}.cards,.equipment,.industries{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e6eaf1;padding:32px;min-height:275px}.number,.equipment-body span{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#a87911}.symbol{font-size:48px;color:var(--navy);margin:25px 0 10px}.card h3,.equipment h3{font-size:21px;color:var(--dark);line-height:1.2}.card p,.equipment p{font-size:14px;color:var(--muted)}.equipment article{border:1px solid #e5e9ef}.equipment-visual{height:190px;background:linear-gradient(145deg,#172650,#354b7e);color:var(--gold);display:grid;place-items:center;font-size:100px}.equipment-body{padding:24px}.equipment-body a{font-size:13px;font-weight:800;color:var(--navy)}.disclaimer{font-size:12px;color:var(--muted);margin-top:20px}.innovation{background:#101e42;color:white;padding:100px 0}.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.innovation h2,.mission h2{color:white}.innovation p{color:#bdc7db}.telemetry{border:1px solid #5a719d;background:#1b2d55;padding:30px;min-height:330px}.telemetry-top,.telemetry-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#a7b8d5}.pulse{text-align:center;font-size:140px;color:var(--gold);line-height:1.8}.industries>div{border-top:3px solid var(--gold);padding:26px;background:var(--pale)}.industries span{font-size:12px;color:#a87911}.industries h3{font-size:23px}.industries p{color:var(--muted);font-size:14px}.mission{background:var(--navy);padding:80px 0;border-left:12px solid var(--gold)}.mission h2{max-width:1000px;font-size:clamp(27px,3vw,39px);margin-bottom:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted)}form{display:grid;gap:16px}label{font-size:12px;font-weight:800;display:grid;gap:6px}input,textarea,select{font:inherit;padding:13px;border:1px solid #cbd3e0;border-radius:3px;width:100%;background:white}form .btn{text-align:center}.formnote{font-size:11px}footer{background:#0d1734;color:white;padding:45px 0}.footergrid{display:flex;justify-content:space-between;gap:20px}footer strong{font-size:28px}footer p{margin:0}footer small{color:#b5bfd4}@media(max-width:800px){.header{height:75px}.brand img{height:52px;width:52px}.menu{display:block;background:transparent;border:0;font-size:27px;color:var(--navy)}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:start;box-shadow:0 10px 20px #0002}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-content{padding:75px 26px}.hero-art{min-height:300px}.rings{height:220px;width:220px}.core{height:170px;width:170px;border-width:18px;font-size:45px}.core span{font-size:8px}.intro,.innovation-grid,.contact{grid-template-columns:1fr;gap:30px}.intro{padding-top:75px;padding-bottom:70px}.section{padding-top:70px;padding-bottom:70px}.cards,.equipment,.industries{grid-template-columns:1fr}.sectionhead{display:block}.footergrid{display:block}}

/* Logotipo oficial CRF */
.official-logo{width:min(380px,78%);aspect-ratio:1;background:transparent;border-radius:50%;display:grid;place-items:center;padding:0;box-shadow:0 0 0 26px #ffffff0c,0 0 0 58px #ffffff08}
.official-logo img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:800px){.official-logo{width:min(260px,70%);padding:0}}

/* Fotografías y videos CRF: misma paleta corporativa */
.equipment-visual{overflow:hidden}.equipment-visual img{width:100%;height:100%;object-fit:cover;display:block}.gallery-heading{margin:35px 0 14px;font-size:22px;color:var(--dark)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-card{margin:0;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.photo-card img{width:100%;height:230px;object-fit:cover;display:block}.photo-card figcaption{padding:13px 16px;font-size:13px;font-weight:700;color:var(--text)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-grid article{min-width:0}.video-grid h3{font-size:19px}.video-grid video,.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--dark)}.video-frame{width:100%}@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card img{height:180px}.video-grid{grid-template-columns:1fr}nav{gap:18px}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}.photo-card img{height:230px}}

/* Mejoras CRF: collage de equipos reales, fotografías completas y telemetría */
.service-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:18px;overflow:hidden;border-radius:4px}
.service-collage img{width:100%;height:92px;object-fit:cover;background:#edf1f7;display:block}
.service-collage img:only-child{grid-column:span 2}
.equipment-visual{background:#f6f8fb}
.equipment-visual img{object-fit:contain;object-position:center center;padding:5px}
.equipment article:first-child .equipment-visual img{object-fit:contain}
.telemetry-image{padding:0;min-height:0;border:0;background:transparent}
.telemetry-image img{width:100%;height:auto;display:block;border:1px solid #5a719d}
.concept-note{font-size:11px;color:#c6cddd;margin:10px 0 0}
@media(max-width:800px){.service-collage img{height:125px}}


/* CRF: tarjetas fotográficas con imágenes originales de la empresa */
#servicios .cards{align-items:stretch}
#servicios .service-photo-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:370px;padding:30px;border:0;border-radius:10px;background:#112348;color:white;box-shadow:0 14px 30px #101b3830;transition:transform .2s ease,box-shadow .2s ease}
#servicios .service-photo-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #101b3840}
#servicios .service-photo-card .service-collage{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:3px;margin:0;border-radius:0;width:100%;height:100%}
#servicios .service-photo-card .service-collage img{width:100%;height:100%;min-height:0;object-fit:cover;background:#162951}
#servicios .service-photo-card .service-collage img:nth-child(1):nth-last-child(2),#servicios .service-photo-card .service-collage img:nth-child(2):last-child{grid-row:1 / 3}
#servicios .service-photo-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,18,39,.13) 0%,rgba(9,23,49,.56) 42%,rgba(6,17,38,.97) 100%);pointer-events:none}
#servicios .service-photo-card .number{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:14px}
#servicios .service-photo-card .symbol{display:none}
#servicios .service-photo-card h3{color:white;font-size:25px;margin:0 0 10px;text-shadow:0 1px 6px #07122680}
#servicios .service-photo-card p{color:#e6edf8;font-size:14px;line-height:1.55;margin:0}
/* Equipos: imagen a pantalla de tarjeta y texto superpuesto */
#equipos .equipment{align-items:stretch}
#equipos .equipment-photo-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;min-height:385px;border:0;border-radius:10px;background:#112348;box-shadow:0 14px 30px #101b3826}
#equipos .equipment-photo-card .equipment-visual{position:absolute;inset:0;height:auto;display:block;z-index:-2;background:linear-gradient(145deg,#1a2c53,#0c1732)}
#equipos .equipment-photo-card .equipment-visual img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;display:block}
/* Mantener compresor completo, sin cortar la máquina */
#equipos .equipment-photo-card:first-child .equipment-visual img{object-fit:contain;object-position:center 28%;padding:10px 10px 115px}
/* Mostrar cámaras y sistemas sin recortes agresivos */
#equipos .equipment-photo-card:nth-child(2) .equipment-visual img{object-fit:contain;object-position:center 20%;padding:8px 8px 110px}
#equipos .equipment-photo-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,15,35,.03) 0%,rgba(5,15,35,.22) 38%,rgba(5,15,35,.96) 74%,#07152f 100%);pointer-events:none}
#equipos .equipment-photo-card .equipment-body{padding:26px 26px 28px;width:100%;position:relative}
#equipos .equipment-photo-card .equipment-body span{color:var(--gold)}
#equipos .equipment-photo-card .equipment-body h3{color:white;font-size:24px;margin:8px 0 8px}
#equipos .equipment-photo-card .equipment-body p{color:#e0e8f4;margin-bottom:12px}
#equipos .equipment-photo-card .equipment-body a{color:var(--gold)}
@media(max-width:800px){#servicios .service-photo-card{min-height:350px}#equipos .equipment-photo-card{min-height:380px}}
@media(prefers-reduced-motion:reduce){#servicios .service-photo-card{transition:none}}

/* CRF: elementos filtrantes reales METALPLAN en la tarjeta de filtración */
#servicios .service-photo-card .service-collage.filtracion-metalplan{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:3px;background:#e9eef4}
#servicios .service-photo-card .service-collage.filtracion-metalplan img{grid-column:auto!important;grid-row:auto!important;width:100%;height:100%;object-fit:contain;object-position:center center;background:#eef2f6;padding:5px}
#servicios .service-photo-card .service-collage.filtracion-metalplan img:last-child{object-fit:cover;padding:0}

/* CRF: evitar el texto cortado de la foto del sensor sin modificar la fotografía original. */
#servicios .service-photo-card .service-collage.filtracion-metalplan img:last-child{transform:scale(1.22);transform-origin:center bottom;object-position:center bottom}

/* CRF - Carrusel automático en las tres especialidades: 5 segundos por imagen */
#servicios .service-photo-card .service-collage.rotating-gallery,
#servicios .service-photo-card .service-collage.filtracion-metalplan.rotating-gallery{display:block;position:absolute;inset:0;overflow:hidden;background:#14284b}
#servicios .service-photo-card .service-collage.rotating-gallery img,
#servicios .service-photo-card .service-collage.filtracion-metalplan.rotating-gallery img{position:absolute;inset:0;width:100%;height:100%;grid-column:auto!important;grid-row:auto!important;opacity:0;display:block;min-height:0;transform:none;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--slide-index) * -5s);padding:0;object-fit:cover;object-position:center}
#servicios .service-photo-card .service-collage.rotating-gallery[data-count="4"] img{animation-name:crf-slide-4;animation-duration:20s}
#servicios .service-photo-card .service-collage.rotating-gallery[data-count="3"] img{animation-name:crf-slide-3;animation-duration:15s}
/* Mantener la fotografía del filtro Coltri completa sobre fondo claro */
#servicios .service-photo-card .service-collage.filtracion-metalplan.rotating-gallery img{object-fit:contain;background:#edf2f7}
/* Recorte del sensor para ocultar el rótulo superior de la fotografía */
#servicios .service-photo-card .service-collage.filtracion-metalplan.rotating-gallery img:last-child{object-fit:cover;object-position:center bottom;transform:scale(1.15)}
@keyframes crf-slide-4{0%,20%{opacity:1}25%,95%{opacity:0}100%{opacity:1}}
@keyframes crf-slide-3{0%,26.666%{opacity:1}33.333%,93.333%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){#servicios .service-photo-card .service-collage.rotating-gallery img{animation:none;opacity:0}#servicios .service-photo-card .service-collage.rotating-gallery img:first-child{opacity:1}}
