/* DISEÑO: cambia los colores aquí. Este archivo sirve a las seis páginas. */
:root{--azul:#092c50;--profundo:#06213e;--oro:#b88b30;--oro-claro:#eac568;--tinta:#142e4d;--gris:#586779;--linea:#dbe2e9;--fondo:#f5f7fa;--ancho:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--tinta);background:white;font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--oro);outline-offset:5px}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,4.1vw,4.4rem)}h2{font-size:clamp(1.9rem,3vw,3rem)}h3{font-size:1.4rem}p{color:var(--gris)}.contenedor{width:min(var(--ancho),calc(100% - 64px));margin:auto}.saltar{position:fixed;left:20px;top:-80px;background:white;padding:12px;z-index:99}.saltar:focus{top:10px}.cabecera{background:white;border-bottom:1px solid var(--linea);position:relative;z-index:5}.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:28px}.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.marca img{width:84px;height:88px;object-fit:contain}.marca strong{font-size:1.45rem;letter-spacing:-.04em;line-height:1.15;display:block}.marca span{display:block;font-size:.72rem;color:var(--oro);letter-spacing:.22em;margin-top:6px}.navegacion{display:flex;align-items:center;gap:26px}.navegacion a{font-size:.94rem;font-weight:600;text-decoration:none;padding:22px 0;border-bottom:2px solid transparent}.navegacion a:hover,.navegacion a[aria-current]{color:#986b13;border-color:var(--oro)}.menu{display:none;background:white;border:1px solid var(--linea);padding:8px 14px;border-radius:5px}.hero{background:var(--profundo);position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,59,.98) 0%,rgba(5,31,59,.91) 30%,rgba(5,31,59,.5) 58%,rgba(5,31,59,.02) 90%);z-index:-1}.hero-texto{max-width:690px;padding:80px 0}.hero h1{color:white}.hero p{color:#e0e8f0;max-width:580px;font-size:1.17rem}.etiqueta{display:block;font-size:.78rem;letter-spacing:.22em;font-weight:700;color:#a67922;text-transform:uppercase;margin-bottom:22px}.hero .etiqueta{color:var(--oro-claro)}.acciones{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.boton{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid var(--azul);border-radius:5px;padding:14px 24px;background:var(--azul);color:white;text-decoration:none;font-weight:600;font-size:.95rem;min-height:50px}.boton:hover{filter:brightness(1.13)}.boton.oro{background:linear-gradient(115deg,#f2d37d,#c69c45);border-color:#dfbb61;color:var(--profundo)}.boton.transparente{background:transparent;border-color:#cbd9e5;color:white}.boton:disabled{cursor:default;background:#e9ecf0;color:#647080;border-color:#d5dbe2;filter:none}.seccion{padding:86px 0}.seccion.suave{background:var(--fondo)}.intro{max-width:850px}.intro p{font-size:1.13rem}.enlace{font-weight:600;text-decoration:none;border-bottom:2px solid var(--oro);padding-bottom:6px;display:inline-block}.paginas{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.tarjeta{padding:34px;border:1px solid var(--linea);border-radius:6px;background:white}.tarjeta .numero{color:var(--oro);font-size:.85rem;letter-spacing:.15em;display:block;margin-bottom:25px}.franja{background:linear-gradient(110deg,var(--azul),#123e64);color:white;padding:52px 0}.franja .contenedor{display:flex;justify-content:space-between;align-items:center;gap:36px}.franja h1{font-size:clamp(2.2rem,3.7vw,3.5rem);margin-bottom:12px}.franja p{color:#dce6ef;margin:0}.migas{font-size:.87rem;white-space:nowrap;color:#dce6ef}.migas span{color:var(--oro-claro);margin-left:12px}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.foto{width:100%;height:420px;object-fit:cover;border-radius:4px}.nota{font-size:.8rem;color:#6c7b8d;margin:10px 0 0}.proposito{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #dcc89f;border-bottom:1px solid #dcc89f;padding:48px 0;margin-top:56px}.proposito article{display:flex;align-items:flex-start;gap:22px}.icono{width:48px;height:48px;flex-shrink:0;color:var(--oro);stroke:currentColor;stroke-width:1.4;fill:none}.valores{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.valores article{border-left:2px solid #dbc28d;padding-left:23px}.valores h3{font-size:1.15rem}.centrado{text-align:center}.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.logo-proveedor{min-height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#f8fafc}.logo-proveedor img{width:85%;height:150px;object-fit:contain}.monograma{font-size:3rem;font-weight:300;letter-spacing:.05em;color:#64839f}.estado{display:inline-block;border-radius:3px;background:#f4eddf;color:#85601f;font-size:.76rem;letter-spacing:.08em;padding:4px 9px;margin-bottom:12px}.certificados{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:46px}.certificado{padding:48px 35px;text-align:center;border:1px solid #ccb06c;border-radius:8px;background:linear-gradient(140deg,white,#f4f6f8)}.sello{width:138px;height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #c69f4d;border-radius:50%;margin:0 auto 30px;gap:4px;color:#9c7226}.sello strong{font-size:1.65rem;line-height:1.1}.sello img{width:115px;height:115px;object-fit:contain}.sello small{font-size:.7rem}.certificado h2{font-size:1.8rem;max-width:410px;margin:0 auto 25px}.certificado p{max-width:410px;margin:0 auto 28px}.galeria{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.galeria figure{margin:0}.foto-boton{display:block;background:none;padding:0;border:0;width:100%;text-align:left}.foto-boton img{width:100%;height:350px;object-fit:cover;border-radius:5px}.galeria figcaption{padding-top:18px}.galeria h2{font-size:1.35rem}.galeria p{font-size:.94rem}.contactos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.dato{padding:23px;background:var(--fondo);border-left:2px solid var(--oro);overflow-wrap:anywhere}.dato dt{font-size:.85rem;font-weight:700;margin-bottom:8px}.dato dd{margin:0;color:var(--gris)}.contacto-lado{padding:46px;background:var(--azul);color:white;border-radius:5px}.contacto-lado p{color:#dce6ef}.contacto-lado .boton{margin-top:18px}.pie{background:var(--profundo);color:#fff;padding:48px 0 22px}.pie-superior{display:flex;gap:40px;justify-content:space-between}.pie p{color:#bacbda;max-width:440px;font-size:.9rem}.pie strong{font-size:1.2rem}.pie-links{display:flex;gap:22px;flex-wrap:wrap;align-content:flex-start;max-width:410px}.pie-links a{font-size:.88rem;text-decoration:none}.pie-inferior{border-top:1px solid #31506a;padding-top:20px;margin-top:32px;display:flex;justify-content:space-between;gap:25px;font-size:.8rem;color:#afc1d2}.vacio{padding:40px;background:var(--fondo);border:1px dashed #b7c4d0;border-radius:5px}.visor{border:0;border-radius:8px;padding:20px;max-width:min(95vw,1150px);max-height:95vh;color:var(--tinta)}.visor::backdrop{background:#03182dd9}.visor img{max-height:75vh;object-fit:contain;margin:auto}.cerrar{display:block;margin:0 0 15px auto;border:1px solid var(--linea);background:white;padding:7px 16px;border-radius:4px}.nojs{padding:60px}.error{color:#9e2828}.editor-cabecera{padding:30px;background:var(--azul);color:white}.editor-cabecera p{color:#d5e0ea}.editor-layout{max-width:1000px;margin:40px auto;padding:0 24px}.editor-layout details{border:1px solid var(--linea);padding:20px;margin-bottom:20px;border-radius:6px}.editor-layout summary{font-size:1.2rem;font-weight:700;cursor:pointer}.campo{display:block;margin:20px 0}.campo span{display:block;font-weight:600;margin-bottom:6px}.campo input:not([type=checkbox]),.campo textarea{width:100%;border:1px solid #a7b5c4;border-radius:4px;padding:10px;background:white;color:var(--tinta)}.campo textarea{min-height:90px;resize:vertical}.campo input[type=file]{font-size:.85rem}.editor-layout fieldset{border:1px solid #d7e0e9;margin:20px 0;padding:20px}.editor-layout legend{font-weight:700}.editor-layout .barra{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:12px;background:white;padding:18px;border-top:1px solid var(--linea);z-index:3}.editor-layout .aviso{padding:20px;background:#f5efdf}.editor-layout .quitar{padding:6px 12px;background:#fff;border:1px solid #a96d6d;color:#933b3b}.guia{max-width:1000px;margin:45px auto;padding:0 28px}.guia h2{font-size:1.7rem;margin-top:45px}.guia pre{padding:20px;background:var(--fondo);overflow:auto;white-space:pre-wrap}.guia td,.guia th{border:1px solid var(--linea);padding:14px;text-align:left}.guia table{border-collapse:collapse;width:100%}.guia li{margin:12px 0}
@media(max-width:1050px){.navegacion{gap:16px}.marca strong{font-size:1.15rem}.marca img{width:65px}.contenedor{width:calc(100% - 40px)}.dos-columnas{gap:32px}.hero-texto{max-width:620px}.valores{grid-template-columns:1fr 1fr}}@media(max-width:820px){.cabecera .contenedor{min-height:90px}.menu{display:block}.navegacion{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--linea);box-shadow:0 15px 20px #0a2c5015}.navegacion.abierta{display:grid;grid-template-columns:1fr 1fr}.navegacion a{padding:12px}.hero{min-height:640px}.hero-texto{max-width:560px}.hero:after{background:linear-gradient(90deg,#061f3bee,#061f3bbd)}.hero>img{object-position:70%}.dos-columnas,.certificados,.galeria{grid-template-columns:1fr}.paginas,.logos{grid-template-columns:1fr 1fr}.seccion{padding:58px 0}.franja .contenedor{display:block}.migas{margin-top:20px}.foto{height:350px}.pie-superior{display:block}.pie-links{margin-top:25px}.proposito{gap:25px}.contacto-lado{padding:30px}}@media(max-width:520px){.contenedor{width:calc(100% - 36px)}.marca strong{font-size:1.1rem}.marca span{font-size:.62rem}.marca img{width:60px;height:74px}.hero{min-height:650px}.hero-texto{padding:55px 0}.hero h1{font-size:2.55rem}.hero p{font-size:1.05rem}.hero .acciones{display:grid}.boton{padding:13px 19px}.paginas,.logos,.proposito,.valores,.contactos{grid-template-columns:1fr}.proposito{margin-top:35px;padding:35px 0}.foto{height:270px}.foto-boton img{height:260px}.certificado{padding:32px 20px}.franja{padding:36px 0}.pie-inferior{display:block}.tarjeta{padding:26px}.galeria{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.cabecera,.pie,.menu,.acciones,.editor-layout .barra{display:none}.seccion{padding:25px 0}.hero{min-height:400px}body{font-size:12pt}}

/* PÁGINAS INTERIORES · La portada utiliza las reglas .hero de arriba (propuesta 1). */
[hidden] { display: none !important; }
.resumen-rubro { padding: 25px 0; background: #f3f6f9; border-bottom: 1px solid var(--linea); }
.resumen-rubro .contenedor { display: grid; grid-template-columns: repeat(3, 1fr); }
.resumen-rubro span { display: flex; align-items: center; justify-content: center; gap: 18px; font-size: .98rem; padding: 0 20px; }
.resumen-rubro span + span { border-left: 1px solid #bcc9d6; }
.resumen-rubro .icono { width: 36px; height: 38px; color: var(--azul); }
.linea-oro { display: block; width: 74px; height: 3px; background: var(--oro); margin: 0 0 25px; }
.nosotros-referencia { padding-top: 55px; }
.nosotros-referencia .dos-columnas { gap: 52px; }
.nosotros-referencia .foto { height: 380px; object-fit: cover; }
.nosotros-referencia .proposito { margin-top: 34px; padding: 35px 0; }
.nosotros-referencia .proposito h2 { font-size: 2rem; }
.nosotros-referencia .proposito p { margin: 0; }
.nosotros-referencia .proposito article + article { border-left: 1px solid #e0c99d; padding-left: 32px; }
.valores-referencia { padding-top: 35px; }
.valores-referencia > h2 { text-align: center; font-size: 1.9rem; }
.valores-referencia .valores { margin-top: 30px; gap: 24px; }
.valores-referencia article { display: flex; gap: 16px; padding-left: 0; border: 0; }
.valores-referencia .icono { width: 42px; height: 45px; }
.valores-referencia article p { font-size: .9rem; margin-bottom: 0; }
.calidad-intro { margin-bottom: 62px; }
.calidad-intro .foto { height: 330px; }
.solo-distintivos { grid-template-columns: repeat(3, 1fr); gap: 28px; }
.solo-distintivos .certificado { padding: 38px 25px; }
.solo-distintivos h2 { font-size: 1.35rem; line-height: 1.3; }
.solo-distintivos p { font-size: .95rem; }
.sello strong { text-align: center; font-size: 1.25rem; }
.sello.imagen-distintivo { border: 0; border-radius: 0; width: 180px; height: 140px; }
.sello.imagen-distintivo img { width: 180px; height: 140px; object-fit: contain; }
.filtros { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.filtro { border: 1px solid #cad5df; background: white; color: var(--azul); padding: 9px 22px; border-radius: 4px; font-size: .95rem; }
.filtro.activo { background: var(--azul); color: white; border-color: var(--azul); }
.galeria-amplia { grid-template-columns: repeat(3, 1fr); gap: 36px 28px; margin-top: 32px; }
.galeria-amplia .foto-boton { position: relative; overflow: hidden; border-radius: 5px; }
.galeria-amplia .foto-boton > img { height: 255px; width: 100%; object-fit: cover; transition: transform .2s ease; }
.galeria-amplia .foto-boton:hover > img { transform: scale(1.025); }
.visor-controles { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding-top: 14px; }
.visor-controles .nota { margin: 0; text-align: center; }
.visor-controles button { border: 1px solid #bcc9d6; background: #f5f7fa; color: var(--azul); min-width: 42px; min-height: 42px; border-radius: 4px; }
.visor-controles button:disabled { opacity: .4; }
.contacto-cabecera .foto { height: 390px; }
.contacto-cabecera .acciones { align-items: center; }
body[data-pagina="contacto"] .contactos { grid-template-columns: repeat(4, 1fr); margin: 50px 0 65px; }
.wa-icono { width: 25px; height: 25px; flex-shrink: 0; }
.boton.whatsapp { background: #137a40; border-color: #137a40; color: #fff; }
.boton.whatsapp:disabled { background: #ebf2ed; color: #607269; border-color: #b9c9be; }
.wa-flotante { position: fixed; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 10px; background: #137a40; color: white; border: 2px solid #fff; border-radius: 36px; padding: 14px 19px; text-decoration: none; box-shadow: 0 6px 25px #092c502b; z-index: 20; font-size: .95rem; }
.ubicaciones { padding-top: 25px; border-top: 1px solid var(--linea); }
.ubicacion { display: grid; grid-template-columns: 1fr 2fr; border: 1px solid var(--linea); margin-top: 32px; border-radius: 5px; overflow: hidden; }
.ubicacion-datos { padding: 40px; }
.ubicacion-datos .icono { margin-bottom: 15px; }
.mapa-marco { min-height: 365px; background: #f0f4f7; }
.mapa-marco iframe { width: 100%; height: 100%; min-height: 365px; display: block; border: 0; }
.mapa-pendiente { min-height: 365px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; padding: 30px; text-align: center; }
.mapa-pendiente p { margin: 0; font-size: .9rem; }
.editor-preview { width: 210px; max-height: 140px; object-fit: contain; background: #f5f7fa; margin: 12px 0; border: 1px solid var(--linea); border-radius: 4px; }
.subida-multiple { display: block; padding: 20px; background: #eef3f8; margin: 20px 0; border: 1px dashed #95aec4; }
.editor-ayuda { margin: 15px 0 25px; padding: 16px 18px; border-left: 3px solid var(--oro); background: #faf7f0; font-size: .95rem; }
@media (max-width: 1100px) {
  .valores-referencia .valores { grid-template-columns: 1fr 1fr; }
  .galeria-amplia { grid-template-columns: 1fr 1fr; }
  body[data-pagina="contacto"] .contactos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  .resumen-rubro span { padding: 0 10px; font-size: .86rem; flex-direction: column; text-align: center; gap: 8px; }
  .nosotros-referencia .dos-columnas { gap: 30px; }
  .nosotros-referencia .proposito article + article { padding-left: 20px; }
  .solo-distintivos { grid-template-columns: 1fr; }
  .solo-distintivos .certificado { max-width: none; }
  .ubicacion { grid-template-columns: 1fr; }
  .ubicacion-datos { padding: 28px; }
  .calidad-intro .foto, .contacto-cabecera .foto { height: 350px; }
}
@media (max-width: 520px) {
  .resumen-rubro span { font-size: .77rem; }
  .nosotros-referencia .proposito article + article { border-left: 0; padding-left: 0; padding-top: 10px; }
  .nosotros-referencia .foto { height: 290px; }
  .valores-referencia .valores { grid-template-columns: 1fr; }
  .galeria-amplia { grid-template-columns: 1fr; }
  .galeria-amplia .foto-boton > img { height: 280px; }
  .calidad-intro .foto, .contacto-cabecera .foto { height: 290px; }
  body[data-pagina="contacto"] .contactos { grid-template-columns: 1fr; }
  .wa-flotante { right: 14px; bottom: 14px; padding: 13px; }
  .wa-flotante span { display: none; }
  .mapa-marco, .mapa-marco iframe, .mapa-pendiente { min-height: 320px; }
}
@media (prefers-reduced-motion: reduce) { .galeria-amplia .foto-boton > img { transition: none; } }