/* =====================================================
   INFORMES SVCA - CORPAMAG (InfoSVCA.php)
   Diseño estándar de los artículos de Joomla: encabezado azul centrado,
   introducción con borde verde, acordeones y tarjetas con borde verde.
   Azul #00425E · Verde #84BB2F · Fondo claro #F5F9FC · Borde #D8E3EB
   ===================================================== */

*{box-sizing:border-box}
body{margin:0;background:#FFFFFF;font-family:Arial,Helvetica,sans-serif;color:#111111;line-height:1.65}
.svca{width:100%;max-width:1200px;margin:0 auto;padding:10px 15px 45px}

/* ---------- Encabezado ---------- */
.svca-encabezado{background:#00425E;border-radius:28px;padding:42px 30px;margin-bottom:28px;box-shadow:0 8px 25px rgba(0,66,94,.15);text-align:center}
.svca-encabezado h1{margin:0;color:#FFFFFF;font-size:36px;line-height:1.2;font-weight:400}
.svca-encabezado h1 strong{font-weight:bold}
.svca-encabezado p{margin:18px auto 0;max-width:900px;color:#FFFFFF;font-size:17px;line-height:1.7}

/* ---------- Introducción ---------- */
.svca-intro{background:#F5F9FC;border:1px solid #D8E3EB;border-left:5px solid #84BB2F;border-radius:16px;padding:24px 26px;margin-bottom:22px;box-shadow:0 4px 14px rgba(0,66,94,.06)}
.svca-intro p{margin:0;font-size:16px;line-height:1.75}
.svca-intro strong{color:#00425E}

/* ---------- Filtros ---------- */
.svca-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;background:#FFFFFF;border:1px solid #D8E3EB;border-radius:16px;
padding:20px 24px;margin-bottom:12px;box-shadow:0 4px 12px rgba(0,66,94,.06)}
.svca-campo{flex:1 1 220px;display:flex;flex-direction:column;gap:6px}
.svca-campo label{color:#00425E;font-size:14px;font-weight:bold}
.svca-campo select{height:44px;padding:0 12px;border:1px solid #D8E3EB;border-radius:8px;background:#FFFFFF;color:#111111;font-size:15px;font-family:inherit}
.svca-campo select:focus{outline:none;border-color:#00425E;box-shadow:0 0 0 3px rgba(0,66,94,.12)}
.svca-acciones{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Botones (como los del estándar: azul, texto blanco) ---------- */
.svca-btn{display:inline-block;background:#00425E;color:#FFFFFF;text-decoration:none;padding:10px 18px;border:1px solid #00425E;border-radius:8px;
font-weight:bold;font-size:14px;font-family:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.svca-btn:hover{background:#84BB2F;border-color:#84BB2F;color:#FFFFFF}
.svca-btn-borde{background:#FFFFFF;color:#00425E}
.svca-btn-borde:hover{background:#F5F9FC;border-color:#00425E;color:#00425E}

.svca-conteo{margin:0 0 15px;padding:0 4px;color:#667781;font-size:14px}
.svca-conteo strong{color:#00425E}

/* ---------- Acordeón por año ---------- */
.svca-acordeon{margin-bottom:15px;border:1px solid #D8E3EB;border-radius:16px;background:#FFFFFF;box-shadow:0 4px 12px rgba(0,66,94,.06);overflow:hidden}
.svca-acordeon summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px 24px;background:#F5F9FC;color:#00425E;
font-size:21px;font-weight:bold;list-style:none}
.svca-acordeon summary::-webkit-details-marker{display:none}
.svca-acordeon summary::marker{content:""}
.svca-acordeon summary::after{content:"";flex:none;width:10px;height:10px;margin-left:6px;border-right:3px solid #00425E;border-bottom:3px solid #00425E;
transform:rotate(45deg);transition:transform .2s}
.svca-acordeon[open] summary::after{transform:rotate(-135deg)}
.svca-acordeon summary:hover{background:#EDF4F9}
.svca-acordeon summary:focus-visible{outline:3px solid rgba(132,187,47,.6);outline-offset:-3px}

.svca-anio{display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 8px;text-align:center;background:#84BB2F;color:#FFFFFF;border-radius:7px;font-size:14px}
.svca-titulo{flex:1;min-width:0}
.svca-cuenta{color:#667781;font-size:14px;font-weight:normal;white-space:nowrap}

.svca-contenido{padding:22px 24px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:0 12px}
.svca-contenido h3{grid-column:1/-1;margin:0 0 14px;padding-left:12px;border-left:4px solid #84BB2F;color:#00425E;font-size:17px;line-height:1.4}

/* Tarjeta de un informe */
.svca-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#FFFFFF;border:1px solid #D8E3EB;
border-left:5px solid #84BB2F;border-radius:12px;padding:14px 18px;margin-bottom:10px}
.svca-item-texto{flex:1 1 160px;min-width:0}
.svca-item-titulo{font-size:15px;font-weight:bold;color:#00425E;line-height:1.45}
.svca-item-sub{margin-top:4px;font-size:13px;color:#667781;line-height:1.5;word-break:break-all}
.svca-item.anual{grid-column:1/-1;background:#F5F9FC}

/* Sección de sistemas nacionales: una columna */
.svca-otros .svca-contenido{grid-template-columns:1fr}
.svca-nota{background:#F5F9FC;border:1px solid #D8E3EB;border-left:5px solid #84BB2F;border-radius:12px;padding:14px 18px;margin-bottom:10px}
.svca-nota-titulo{font-size:14px;font-weight:bold;color:#00425E}
.svca-nota p,.svca-nota li{font-size:14px;color:#111111;line-height:1.6}
.svca-nota p{margin:6px 0 0}
.svca-nota ul{margin:6px 0 0;padding-left:20px}
.svca-nota li{margin-bottom:4px}

/* Sin resultados */
.svca-vacio{display:flex;flex-direction:column;gap:4px;text-align:center;background:#F5F9FC;border:1px solid #D8E3EB;border-left:5px solid #84BB2F;
border-radius:16px;padding:28px 20px;margin-bottom:15px}
.svca-vacio strong{color:#00425E;font-size:17px}
.svca-vacio span{color:#667781;font-size:14px}

/* Pie */
.svca-pie{margin-top:35px;padding-top:20px;border-top:1px solid #D8E3EB;text-align:center;color:#667781;font-size:13px}

/* ---------- Celular ---------- */
@media(max-width:600px){
  .svca-encabezado{padding:30px 20px;border-radius:22px}
  .svca-encabezado h1{font-size:28px}
  .svca-encabezado p{font-size:15px}
  .svca-intro{padding:18px 18px}
  .svca-filtros{padding:16px}
  .svca-acciones{width:100%}
  .svca-acciones .svca-btn{flex:1;text-align:center}
  .svca-acordeon summary{position:relative;padding:16px 44px 16px 16px;font-size:18px;flex-wrap:wrap}
  .svca-acordeon summary::after{position:absolute;right:18px;top:27px;margin:0}
  .svca-acordeon[open] summary::after{top:31px}
  .svca-cuenta{width:100%;padding-left:48px;font-size:13px}
  .svca-contenido{padding:16px 14px 6px;grid-template-columns:1fr}
  .svca-item .svca-btn{width:100%;text-align:center}
}