/* =====================================================
   CONSULTA GENÉRICA DE DOCUMENTOS - CORPAMAG (IndexConsultasBD.php)

   Diseño estándar de los artículos de Joomla:
   encabezado azul centrado, introducción con borde verde,
   acordeón por vigencia y tarjetas con borde verde.

   Azul #00425E · Verde #84BB2F · Fondo claro #F5F9FC · Borde #D8E3EB

   Todo va dentro de .corpamag-consulta para que, cuando la página se
   incrusta en Joomla con Sourcerer, no cambie el estilo del resto del sitio.
   ===================================================== */

.corpamag-consulta,
.corpamag-consulta *{box-sizing:border-box}

.corpamag-consulta{width:100%;max-width:1200px;margin:0 auto;padding:10px 15px 45px;
font-family:Arial,Helvetica,sans-serif;color:#111111;font-size:15px;line-height:1.65}


/* ---------- Encabezado ---------- */
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-encabezado h1{margin:0;color:#FFFFFF;font-size:36px;line-height:1.2;font-weight:400}
.corpamag-consulta .ca-encabezado h1 strong{font-weight:bold}
.corpamag-consulta .ca-encabezado p{margin:18px auto 0;max-width:900px;color:#FFFFFF;font-size:17px;line-height:1.7}


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


/* ---------- Filtros ---------- */
.corpamag-consulta .ca-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)}
.corpamag-consulta .ca-campo{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;min-width:0}
.corpamag-consulta .ca-campo-buscar{flex:2 1 300px}
.corpamag-consulta .ca-campo label{color:#00425E;font-size:14px;font-weight:bold}
.corpamag-consulta .ca-campo select,
.corpamag-consulta .ca-campo input{width:100%;height:44px;padding:0 12px;border:1px solid #D8E3EB;border-radius:8px;background:#FFFFFF;
color:#111111;font-size:15px;font-family:inherit}
.corpamag-consulta .ca-campo select:focus,
.corpamag-consulta .ca-campo input:focus{outline:none;border-color:#00425E;box-shadow:0 0 0 3px rgba(0,66,94,.12)}
.corpamag-consulta .ca-acciones{display:flex;flex-wrap:wrap;gap:8px}


/* ---------- Botones (azul, texto blanco) ---------- */
.corpamag-consulta .ca-btn{display:inline-block;background:#00425E;color:#FFFFFF !important;text-decoration:none !important;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}
.corpamag-consulta .ca-btn:hover{background:#84BB2F;border-color:#84BB2F;color:#FFFFFF !important}
.corpamag-consulta .ca-btn-borde{background:#FFFFFF;color:#00425E !important}
.corpamag-consulta .ca-btn-borde:hover{background:#F5F9FC;border-color:#00425E;color:#00425E !important}

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


/* ---------- Acordeón por vigencia ---------- */
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-acordeon summary::-webkit-details-marker{display:none}
.corpamag-consulta .ca-acordeon summary::marker{content:""}
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-acordeon[open] summary::after{transform:rotate(-135deg)}
.corpamag-consulta .ca-acordeon summary:hover{background:#EDF4F9}
.corpamag-consulta .ca-acordeon summary:focus-visible{outline:3px solid rgba(132,187,47,.6);outline-offset:-3px}

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

.corpamag-consulta .ca-contenido{padding:18px 24px 12px}
.corpamag-consulta .ca-contenido h3{margin:10px 0 12px;padding-left:12px;border-left:4px solid #84BB2F;color:#00425E;font-size:17px;line-height:1.4}
.corpamag-consulta .ca-contenido h3:first-child{margin-top:0}


/* ---------- Tarjeta de un documento ---------- */
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-item-texto{flex:1 1 320px;min-width:0}
.corpamag-consulta .ca-item-titulo{font-size:15px;font-weight:bold;color:#00425E;line-height:1.45}
.corpamag-consulta .ca-item-sub{margin-top:4px;font-size:13px;color:#667781;line-height:1.5}
/* Fecha de publicación (mismo estilo que en Resoluciones y Autos de inicio) */
.corpamag-consulta .ca-fecha{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:6px;background:#EAF5FB;color:#00425E;
font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}
.corpamag-consulta .ca-sin-doc{display:inline-block;padding:10px 14px;border:1px dashed #C9D8E4;border-radius:8px;color:#667781;
font-size:13px;white-space:nowrap}


/* ---------- Sin resultados ---------- */
.corpamag-consulta .ca-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}
.corpamag-consulta .ca-vacio strong{color:#00425E;font-size:17px}
.corpamag-consulta .ca-vacio span{color:#667781;font-size:14px}


/* ---------- Pie ---------- */
.corpamag-consulta .ca-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){
  .corpamag-consulta .ca-encabezado{padding:30px 20px;border-radius:22px}
  .corpamag-consulta .ca-encabezado h1{font-size:28px}
  .corpamag-consulta .ca-encabezado p{font-size:15px}
  .corpamag-consulta .ca-intro{padding:18px}
  .corpamag-consulta .ca-filtros{padding:16px}
  .corpamag-consulta .ca-acciones{width:100%}
  .corpamag-consulta .ca-acciones .ca-btn{flex:1;text-align:center}
  .corpamag-consulta .ca-acordeon summary{position:relative;padding:16px 44px 16px 16px;font-size:18px;flex-wrap:wrap}
  .corpamag-consulta .ca-acordeon summary::after{position:absolute;right:18px;top:27px;margin:0}
  .corpamag-consulta .ca-acordeon[open] summary::after{top:31px}
  .corpamag-consulta .ca-cuenta{width:100%;padding-left:76px;font-size:13px}
  .corpamag-consulta .ca-contenido{padding:16px 14px 6px}
  .corpamag-consulta .ca-item .ca-btn,
  .corpamag-consulta .ca-sin-doc{width:100%;text-align:center}
}