/* ============================================================
   ORACAB — Dirección financiera externalizada
   Despacho sobrio. Marino, gris, blanco. Burdeos como acento
   fino. Serif Source Serif 4 en titulares, sans de sistema en
   cuerpo a 19px. Sin animaciones. Mucho blanco.
   ============================================================ */
:root{
  --navy:#0C1B33; --navy-2:#12233F;
  --tinta:#1E2833; --gris:#5C6673;
  --linea:#E2E1DB; --linea-osc:rgba(255,255,255,.16);
  --papel:#FFFFFF; --hueso:#F6F5F1;
  --burdeos:#7A2E33; --burdeos-cl:#C07C84; /* kicker sobre marino: ratio 5.29 (AA) */
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --max:1120px;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }
body{ background:var(--papel); color:var(--tinta); font-family:var(--sans); font-size:19px; line-height:1.65; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1,h2,h3{ font-family:var(--serif); font-weight:600; line-height:1.18; color:var(--navy); }
a{ color:var(--burdeos); text-underline-offset:3px; }
a:hover{ text-decoration:underline; }
img{ max-width:100%; display:block; }
.wrap{ max-width:var(--max); margin:0 auto; padding:0 24px; }
.skip{ position:absolute; left:-9999px; top:0; z-index:100; background:var(--navy); color:#fff; padding:10px 16px; }
.skip:focus{ left:0; }
:focus-visible{ outline:2px solid var(--burdeos); outline-offset:2px; }

/* ---------- Cabecera ---------- */
.site-header{ position:sticky; top:0; z-index:60; background:var(--navy); color:#fff; }
.site-header .wrap{ max-width:1240px; display:flex; align-items:center; justify-content:space-between; min-height:66px; gap:16px; }
.brand{ color:#fff; text-decoration:none; display:flex; flex-direction:column; line-height:1.1; }
.brand:hover{ text-decoration:none; }
.brand .name{ font-family:var(--serif); font-weight:600; font-size:23px; letter-spacing:.02em; }
.brand .desc{ font-size:12px; color:#AEB6C2; margin-top:2px; }
.nav{ display:flex; align-items:center; gap:26px; }
.nav a{ color:#D7DBE2; text-decoration:none; font-size:15px; }
.nav a:hover{ color:#fff; text-decoration:none; }
.nav-links{ display:flex; gap:26px; align-items:center; }
.btn-nav{ color:#fff; border:1px solid rgba(255,255,255,.4); padding:9px 16px; font-size:15px; white-space:nowrap; }
.btn-nav:hover{ border-color:#fff; background:rgba(255,255,255,.06); }
/* Desplegable Servicios */
.has-sub{ position:relative; display:flex; align-items:center; }
.sub-toggle{ background:none; border:none; color:#D7DBE2; font:inherit; font-size:15px; cursor:pointer; padding:0; display:inline-flex; align-items:center; gap:6px; }
.sub-toggle:hover, .has-sub.open .sub-toggle{ color:#fff; }
.sub-toggle::after{ content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-top:-3px; }
/* Panel: hijo del contenedor, pegado al enlace (top:100%), con puente
   transparente de padding-top para que el hover no se pierda en el hueco. */
.submenu{ position:absolute; top:100%; left:-18px; padding-top:12px; display:none; z-index:70; }
.has-sub.open .submenu, .has-sub:focus-within .submenu{ display:block; }
.submenu-inner{ min-width:308px; background:#fff; border:1px solid var(--linea); padding:6px 0; box-shadow:0 10px 28px rgba(12,27,51,.12); }
.submenu a{ display:block; padding:11px 20px; color:var(--tinta); font-size:16px; }
.submenu a:hover{ background:var(--hueso); color:var(--navy); text-decoration:none; }
/* Servicio principal destacado dentro del desplegable */
.submenu .sub-principal{ border-left:3px solid var(--burdeos); background:rgba(12,27,51,.035); padding-top:13px; padding-bottom:13px; }
.submenu .sub-principal:hover{ background:rgba(12,27,51,.06); }
.submenu .sub-principal .s-nom{ display:block; color:var(--navy); font-weight:600; }
.submenu .sub-principal .s-desc{ display:block; font-size:13px; color:var(--gris); margin-top:2px; }
@media (max-width: 900px){ .nav-links{ display:none; } .brand .desc{ display:none; } }

/* ---------- Secciones ---------- */
section{ padding:74px 0; border-top:1px solid var(--linea); }
.hueso{ background:var(--hueso); }
.kicker{ font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:var(--burdeos); font-weight:600; margin-bottom:16px; }
h2{ font-size:clamp(25px,3.4vw,33px); max-width:22ch; }
.lead{ margin-top:20px; font-size:20px; color:var(--tinta); max-width:60ch; }
.muted{ color:var(--gris); }
p + p{ margin-top:16px; }

/* ---------- Hero partido (home) ---------- */
.hero-split{ display:grid; grid-template-columns:1fr 1fr; min-height:clamp(520px,80vh,740px); border-top:none; padding:0; }
.hero-panel{ background:var(--navy); color:#fff; display:flex; flex-direction:column; justify-content:center; padding:64px clamp(28px,5vw,72px); }
.hero-panel .kicker{ color:var(--burdeos-cl); }
.hero-panel h1{ color:#fff; font-size:clamp(28px,3.2vw,40px); max-width:20ch; }
.hero-panel .sub{ margin-top:22px; font-size:20px; color:#C6CCD6; max-width:46ch; }
.hero-panel .rule{ width:60px; height:3px; background:var(--burdeos); margin:24px 0 0; }
.hero-panel .btn{ margin-top:34px; align-self:flex-start; }
.hero-media{ position:relative; overflow:hidden; background:var(--navy-2); }
.hero-media img{ width:100%; height:100%; object-fit:cover; object-position:78% 50%; }
.hero-media::after{ content:""; position:absolute; inset:0; background:var(--navy); opacity:.36; pointer-events:none; }
@media (max-width: 860px){
  .hero-split{ grid-template-columns:1fr; min-height:0; }
  .hero-panel{ padding:52px 24px 46px; }
  .hero-media{ height:44vw; max-height:280px; min-height:180px; }
}

/* ---------- Botones ---------- */
.btn{ display:inline-block; background:var(--burdeos); color:#fff; text-decoration:none; padding:15px 26px; font-size:17px; font-weight:500; border:1px solid var(--burdeos); }
.btn:hover{ background:#8f3941; text-decoration:none; }
.btn-navy{ background:var(--navy); border-color:var(--navy); }
.btn-navy:hover{ background:#152a48; }
.btn-line{ color:var(--navy); font-size:17px; text-decoration:none; font-weight:500; }
.btn-line:hover{ text-decoration:underline; }
.enlace-mas{ display:inline-block; margin-top:20px; font-weight:500; }

/* ---------- Listas de trabajo ---------- */
.bloque + .bloque{ margin-top:40px; }
.bloque h3{ font-size:15px; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); font-family:var(--sans); font-weight:600; margin-bottom:6px; }
.tareas{ list-style:none; max-width:64ch; }
.tareas li{ padding:18px 0; border-top:1px solid var(--linea); }
.tareas li:first-child{ border-top:none; }
.tareas strong{ color:var(--navy); }
.tareas .simple{ padding:12px 0; }

/* ---------- Bloque inverso (Qué no hacemos) ---------- */
.inverso{ background:var(--navy); color:#E8EBF0; border-top:none; }
.inverso h2{ color:#fff; }
.inverso .kicker{ color:var(--burdeos-cl); }
.inverso .lead{ color:#E8EBF0; }
.inverso strong{ color:#fff; }
.inverso .no-list{ list-style:none; margin:22px 0 8px; }
.inverso .no-list li{ font-family:var(--serif); font-size:clamp(21px,2.6vw,26px); color:#fff; padding:10px 0; border-bottom:1px solid var(--linea-osc); max-width:22ch; }

/* ---------- Tarjetas de servicio (home) ---------- */
/* Servicio principal: fila entera por encima de las otras cuatro */
.card-principal{ margin-top:36px; border:1px solid var(--linea); border-left:4px solid var(--burdeos); background:#fff; padding:34px clamp(28px,4vw,44px); display:grid; grid-template-columns:1fr auto; gap:24px 40px; align-items:end; }
.card-principal .etiqueta{ grid-column:1/-1; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--burdeos); font-weight:600; }
.card-principal h3{ font-size:clamp(23px,2.6vw,28px); margin-top:-6px; }
.card-principal p{ margin-top:14px; color:var(--gris); font-size:18px; max-width:60ch; }
.card-principal .lado{ text-align:right; }
.card-principal .precio{ font-family:var(--serif); font-weight:600; color:var(--navy); font-size:26px; white-space:nowrap; }
.card-principal .enlace-mas{ margin-top:10px; }
.cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--linea); border:1px solid var(--linea); border-top:none; }
.card{ background:#fff; padding:28px; display:flex; flex-direction:column; }
.card h3{ font-size:21px; }
.card p{ margin-top:12px; color:var(--gris); font-size:16px; flex:1; }
.card .precio{ margin-top:18px; font-family:var(--serif); font-weight:600; color:var(--navy); font-size:20px; }
.card .enlace-mas{ margin-top:10px; }
@media (max-width: 760px){
  .card-principal{ grid-template-columns:1fr; gap:16px; align-items:start; }
  .card-principal .lado{ text-align:left; }
  .cards{ grid-template-columns:1fr; }
}

/* ---------- Para quién ---------- */
.datos-quien{ display:grid; grid-template-columns:180px 1fr; gap:2px 28px; max-width:70ch; margin-top:8px; }
.datos-quien dt{ font-weight:600; color:var(--navy); padding:16px 0; border-top:1px solid var(--linea); }
.datos-quien dd{ padding:16px 0; border-top:1px solid var(--linea); }
.datos-quien dt:first-of-type, .datos-quien dd:first-of-type{ border-top:none; }
.senal{ margin-top:44px; padding:28px 30px; background:var(--hueso); border-left:3px solid var(--burdeos); max-width:64ch; }
.senal p:first-child{ font-family:var(--serif); font-size:clamp(22px,3vw,28px); color:var(--navy); line-height:1.3; }
.senal p:last-child{ margin-top:14px; color:var(--gris); }
@media (max-width: 620px){ .datos-quien{ grid-template-columns:1fr; gap:0; } .datos-quien dd{ border-top:none; padding-top:2px; } }

/* ---------- Cabecera de página interior (panel marino) ---------- */
.page-head{ background:var(--navy); color:#fff; border-top:none; padding:70px 0; }
.page-head .kicker{ color:var(--burdeos-cl); }
.page-head h1{ color:#fff; font-size:clamp(28px,4vw,42px); max-width:24ch; }
.page-head .sub{ margin-top:18px; font-size:20px; color:#C6CCD6; max-width:56ch; }
.breadcrumb{ font-size:14px; color:#9aa3b0; margin-bottom:18px; }
.breadcrumb a{ color:#C6CCD6; }

/* ---------- Cuerpo de página de servicio ---------- */
.svc{ max-width:720px; }
.svc h2{ font-size:26px; margin-top:8px; }
.svc .grupo{ margin-top:14px; }
.svc .grupo + .grupo{ margin-top:48px; border-top:1px solid var(--linea); padding-top:44px; }
.svc p{ color:#33404c; }
.svc ul.detalle{ list-style:none; margin-top:16px; }
.svc ul.detalle li{ padding:14px 0 14px 22px; border-top:1px solid var(--linea); position:relative; }
.svc ul.detalle li:first-child{ border-top:none; }
.svc ul.detalle li::before{ content:""; position:absolute; left:0; top:24px; width:9px; height:2px; background:var(--burdeos); }
.svc .ficha{ display:grid; grid-template-columns:150px 1fr; gap:0 24px; margin-top:16px; }
.svc .ficha dt{ font-weight:600; color:var(--navy); padding:14px 0; border-top:1px solid var(--linea); }
.svc .ficha dd{ padding:14px 0; border-top:1px solid var(--linea); color:#33404c; }
.svc .ficha dt:first-of-type, .svc .ficha dd:first-of-type{ border-top:none; }
.svc .precio-grande{ font-family:var(--serif); font-weight:600; color:var(--navy); font-size:26px; }
.faq details{ border-top:1px solid var(--linea); padding:6px 0; }
.faq details:last-of-type{ border-bottom:1px solid var(--linea); }
.faq summary{ list-style:none; cursor:pointer; padding:14px 34px 14px 0; font-weight:600; color:var(--navy); font-size:19px; position:relative; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; position:absolute; right:4px; top:12px; color:var(--burdeos); font-size:22px; font-family:var(--sans); }
.faq details[open] summary::after{ content:"–"; }
.faq .resp{ padding:0 0 16px; color:#33404c; max-width:64ch; }
.cta-final{ margin-top:52px; padding:36px 34px; background:var(--hueso); border-left:3px solid var(--burdeos); }
.cta-final p{ font-family:var(--serif); font-size:clamp(21px,2.6vw,26px); color:var(--navy); max-width:30ch; }
.cta-final .btn{ margin-top:22px; }
@media (max-width: 620px){ .svc .ficha{ grid-template-columns:1fr; } .svc .ficha dd{ border-top:none; padding-top:2px; } }

/* ---------- Contacto ---------- */
.contacto-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start; }
@media (max-width: 780px){ .contacto-grid{ grid-template-columns:1fr; gap:36px; } }
.form label{ display:block; font-size:15px; font-weight:600; color:var(--navy); margin:20px 0 7px; }
.form input, .form textarea{ width:100%; font-family:var(--sans); font-size:18px; color:var(--tinta); padding:13px 14px; border:1px solid #C9CBC6; background:#fff; }
.form input:focus, .form textarea:focus{ outline:2px solid var(--burdeos); outline-offset:0; border-color:var(--burdeos); }
.form textarea{ min-height:130px; resize:vertical; }
.consent{ display:flex; gap:12px; align-items:flex-start; margin-top:22px; font-size:15px; color:var(--gris); }
.consent input{ width:auto; margin-top:5px; flex:none; }
.form .btn{ margin-top:24px; border:none; cursor:pointer; }
.form-msg{ margin-top:16px; font-size:16px; }
.form-msg[data-state="ok"]{ color:#1f5130; }
.form-msg[data-state="err"]{ color:var(--burdeos); }
.datos-contacto dt{ font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:var(--gris); font-weight:600; margin-top:22px; }
.datos-contacto dd{ font-size:20px; color:var(--navy); margin-top:4px; }
.datos-contacto dd a{ color:var(--navy); }
.aparte{ margin-top:24px; color:var(--gris); }

/* ---------- Documentos legales ---------- */
.doc{ max-width:760px; }
.doc h2{ font-size:21px; margin-top:38px; }
.doc p{ margin-top:14px; color:#33404c; }
.doc ul{ margin:14px 0 0 22px; color:#33404c; }
.doc li{ margin-top:8px; }
.doc .marcador{ color:var(--burdeos); }

/* ---------- Pie ---------- */
.site-footer{ background:var(--navy); color:#AEB6C2; padding:48px 0 40px; border-top:none; }
.site-footer .wrap{ max-width:1240px; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px 40px; }
.site-footer .name{ font-family:var(--serif); color:#fff; font-size:20px; font-weight:600; }
.site-footer .tag{ margin-top:10px; font-size:14px; color:#8b93a0; max-width:34ch; }
.site-footer h4{ font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#8b93a0; font-weight:600; margin-bottom:14px; }
.site-footer a{ color:#C9CFD8; text-decoration:none; display:block; margin-bottom:9px; font-size:15px; }
.site-footer a:hover{ color:#fff; text-decoration:underline; }
.site-footer .legal{ grid-column:1/-1; border-top:1px solid var(--linea-osc); padding-top:22px; margin-top:12px; font-size:14px; color:#8b93a0; }
@media (max-width: 720px){ .site-footer .wrap{ grid-template-columns:1fr 1fr; } }
@media (max-width: 460px){ .site-footer .wrap{ grid-template-columns:1fr; } }

/* ---------- Menú móvil ---------- */
.menu-btn{ display:none; background:none; border:1px solid rgba(255,255,255,.4); color:#fff; font:inherit; font-size:14px; padding:9px 14px; cursor:pointer; }
#nav-mobile{ display:none; }
@media (max-width: 900px){
  .menu-btn{ display:inline-block; }
  #nav-mobile:not([hidden]){ display:block; position:absolute; top:66px; left:0; right:0; background:var(--navy); border-top:1px solid var(--linea-osc); padding:6px 24px 18px; }
  #nav-mobile a{ display:block; color:#D7DBE2; text-decoration:none; padding:13px 0; border-top:1px solid var(--linea-osc); font-size:17px; }
  #nav-mobile a:first-child{ border-top:none; }
  #nav-mobile .grupo-tit{ color:#8b93a0; font-size:13px; text-transform:uppercase; letter-spacing:.06em; padding-top:14px; }
}