
/* RMC - HOME FINAL REESTRUCTURADA
   Diseño reconstruido en HTML/CSS. Las fotografías son assets; textos, botones,
   tarjetas, navegación y formularios siguen siendo elementos web reales. */
:root{
  --blue:#063f73;--blue2:#0b568f;--deep:#03365f;--yellow:#ffc400;
  --text:#083f70;--muted:#557592;--line:#dbe6ef;--soft:#f5f8fb;
}
html{scroll-behavior:smooth;scroll-padding-top:86px}
.home-final{font-family:Inter,Arial,sans-serif;color:var(--text)}
.home-final .v13-wrap{width:min(1460px,calc(100% - 64px));margin:auto}

/* HEADER */
.home-final .v13-header{height:78px;position:sticky;top:0;background:#fff;z-index:1000;border-bottom:1px solid #e8eef3}
.home-final .v13-header-inner{height:100%;gap:24px}
.home-final .v13-brand{min-width:385px;gap:10px}
.home-final .v13-brand img{width:86px;height:64px;object-fit:contain}
.home-final .v13-brand strong{font:700 23px/1 "Roboto Condensed",sans-serif}
.home-final .v13-brand span{font-size:8px;margin-top:6px}
.home-final .v13-nav{gap:23px}
.home-final .v13-nav a{font-size:12px;font-weight:600;padding:28px 0}
.home-final .v13-nav a.featured{font-weight:700}
.home-final .v13-nav a:after{bottom:17px;height:3px}
.home-final .v13-nav a:hover{color:#0057b8}
.home-final .v13-quote{padding:15px 22px;border-radius:4px;font-size:13px;white-space:nowrap}
.home-final .v13-quote:hover{background:var(--yellow);color:var(--deep)}

/* HERO: izquierda azul real + fotografía real a la derecha */
.home-final .v13-hero{min-height:500px;background:var(--deep)}
.home-final .v13-hero-bg{
  left:39%;right:0;inset-block:0;
  background-image:url('assets/hero-revision-rmc.jpg');
  background-size:cover;background-position:center;
  transform:none
}
.home-final .v13-hero-bg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,54,95,.82),rgba(3,54,95,.18) 44%,rgba(3,54,95,.06))
}
.home-final .v13-hero-overlay{
  background:linear-gradient(90deg,#063f73 0%,#063f73 38%,rgba(6,63,115,.90) 44%,rgba(6,63,115,.18) 64%,rgba(6,63,115,.03) 100%)
}
.home-final .v13-hero-grid{min-height:500px;grid-template-columns:minmax(0,1fr) 250px;gap:28px}
.home-final .v13-hero-copy{max-width:650px;padding:48px 0}
.home-final .v13-kicker{font-size:11px;margin-bottom:14px}
.home-final .v13-hero h1{font-size:48px;line-height:1.01;margin-bottom:18px}
.home-final .v13-hero-copy>p:not(.v13-kicker){font-size:15px;line-height:1.5;max-width:570px}
.home-final .v13-hero-actions{margin-top:22px}
.home-final .v13-btn{min-height:48px;font-size:12px}
.home-final .v13-value-panel{width:235px;padding:10px 18px;background:rgba(1,43,77,.74)}
.home-final .v13-value-panel>div{padding:15px 0}
.home-final .v13-value-panel span{font-size:24px}

/* SERVICIO PROTAGONISTA */
.home-final .v13-tender{padding:16px 0 34px}
.home-final .v13-tender-grid{grid-template-columns:47% 53%;gap:24px}
.home-final .v13-tender-photo{min-height:455px}
.home-final .v13-tender-photo img{object-position:center}
.home-final .v13-tender-photo-copy{left:28px;bottom:28px}
.home-final .v13-tender-photo-copy strong{font-size:27px}
.home-final .v13-tender-content{padding:8px 0 0}
.home-final .v13-tender-content h2{font-size:40px}
.home-final .v13-tender-content h3{font-size:16px}
.home-final .v13-tender-content .intro{font-size:13px;margin-bottom:14px}
.home-final .v13-feature-grid{gap:10px}
.home-final .v13-feature-grid article{min-height:90px;padding:13px}
.home-final .v13-feature-grid b{font-size:11px}
.home-final .v13-feature-grid small{font-size:9px}
.home-final .v13-tender-cta{margin-top:12px;padding:11px 13px}

/* SECCIONES */
.home-final .v13-section{padding:34px 0}
.home-final .v13-section-head{margin-bottom:20px;gap:32px}
.home-final .v13-section-head h2{font-size:32px}
.home-final .v13-section-head>p{font-size:12px}
.home-final .v13-service-grid{gap:15px}
.home-final .v13-service-card{min-height:318px}
.home-final .v13-service-card img{height:135px}
.home-final .v13-service-card>div{padding:14px 15px 16px}
.home-final .v13-service-card h3{font-size:18px}
.home-final .v13-service-card p{font-size:10px}
.home-final .v13-service-card a{font-size:10px}
.home-final .v13-service-card:hover{transform:translateY(-4px);border-color:#b9d0e3}
.home-final .v13-sector-grid article{height:145px}
.home-final .v13-about{display:none} /* el boceto final no lleva bloque intermedio de misión/visión */
.home-final .v13-projects{display:none} /* evita volver a la estructura anterior */

/* CTA final como el boceto */
.home-final .v13-opportunities{padding:24px 0;background:#f4f7fa}
.home-final .v13-opp-grid{grid-template-columns:1.25fr .58fr .58fr}
.home-final .v13-main-cta{min-height:105px}
.home-final .v13-mini-cta{min-height:105px}

/* CONTACTO + FOOTER compactos */
.home-final .v13-contact{padding:22px 0}
.home-final .v13-contact-title h2{font-size:25px}
.home-final .v13-footer{padding:20px 0}
.home-final .v13-footer-grid{grid-template-columns:1.25fr .75fr 1.35fr .85fr}

/* Hover: solo sensación de selección. Nada queda amarillo permanentemente. */
.home-final .v13-nav a,
.home-final .v13-btn,
.home-final .v13-section-head>a,
.home-final .v13-service-card a,
.home-final .v13-mini-cta{transition:.18s ease}
.home-final .v13-btn.outline:hover,
.home-final .v13-mini-cta:hover{background:var(--yellow);color:var(--deep);border-color:var(--yellow)}
.home-final .v13-section-head>a:hover,
.home-final .v13-service-card a:hover{color:#b88900}

/* Responsive */
@media(max-width:1220px){
  .home-final .v13-brand{min-width:315px}
  .home-final .v13-brand strong{font-size:20px}
  .home-final .v13-nav{gap:14px}
  .home-final .v13-nav a{font-size:10px}
}
@media(max-width:980px){
  .home-final .v13-wrap{width:calc(100% - 34px)}
  .home-final .v13-header{height:76px}
  .home-final .v13-nav{top:76px}
  .home-final .v13-hero-bg{left:0}
  .home-final .v13-hero-overlay{background:linear-gradient(90deg,rgba(3,54,95,.97),rgba(3,54,95,.72))}
  .home-final .v13-hero-grid{grid-template-columns:1fr}
  .home-final .v13-tender-grid{grid-template-columns:1fr}
  .home-final .v13-tender-photo{min-height:390px}
  .home-final .v13-service-grid{grid-template-columns:repeat(2,1fr)}
  .home-final .v13-opp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .home-final .v13-brand{min-width:0}
  .home-final .v13-brand img{width:62px}
  .home-final .v13-brand strong{font-size:15px}
  .home-final .v13-hero h1{font-size:38px}
  .home-final .v13-feature-grid{grid-template-columns:1fr}
  .home-final .v13-service-grid{grid-template-columns:1fr}
  .home-final .v13-sector-grid{grid-template-columns:repeat(2,1fr)}
  .home-final .v13-opp-grid{grid-template-columns:1fr}
}
