/**
 * cob-bundle.min.css — Bundle CSS consolidado de COB
 * Generado: 2026-04-13 22:06:15 por Claude (Anthropic) para Ana
 * 
 * Reemplaza las 9 hojas de estilo cargadas individualmente en curso.php/categoria.php/portada.php
 * Reduce requests HTTP de 9 a 1 (mejora Core Web Vitals)
 * 
 * Para regenerar: script /catalogo2/scripts/generar_bundle_css.php (pendiente)
 */


/* === Article-Clean.min.css === */
.article-clean{color:#56585b;background-color:#fff;font-family:'Lora',serif;font-size:14px;}.article-clean .intro{font-size:16px;margin:0 auto 30px;}.article-clean .intro h1{font-size:32px;margin-bottom:15px;padding-top:20px;line-height:1.5;color:inherit;margin-top:20px;}.article-clean .intro p{color:#929292;font-size:12px;}.article-clean .intro p .by{font-style:italic;}.article-clean .intro p .date{text-transform:uppercase;padding:4px 0 4px 10px;margin-left:10px;border-left:1px solid #ddd;}.article-clean .intro p a{color:#333;text-transform:uppercase;padding-left:3px;}.article-clean .intro img{margin-top:20px;}.article-clean .text p{margin-bottom:20px;line-height:1.45;}@media (min-width:768px){.article-clean .text p{font-size:16px;}.article-clean .text h2{font-size:20px;}}.article-clean .text h2{margin-top:28px;margin-bottom:20px;line-height:1.45;font-size:16px;font-weight:bold;color:#333;}.article-clean .text figure{text-align:center;margin-top:30px;margin-bottom:20px;}.article-clean .text figure img{margin-bottom:12px;max-width:100%;}#dropsocial{position:fixed;right:-6px;bottom:46px;}#socialboton{width:54px;height:50px;margin:0px;padding:0px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;font-size:9px;line-height:32px;text-transform:uppercase;}#dropmenu{border:none;margin-left:auto;margin-right:auto;min-width:0px;right:4px;}#dropsocial2{position:fixed;right:-11px;top:130px;width:105px;height:33px;padding:0px;border-radius:15px;font-size:11px;line-height:32px;text-transform:uppercase;}.Table-Novedades:hover{background-color: #e3f4ff;}

/* === Contact-Form-Clean.min.css === */
.contact-clean{background:#f1f7fc;padding:80px 0;}@media (max-width:767px){.contact-clean{padding:20px 0;}}.contact-clean form{max-width:480px;width:90%;margin:0 auto;background-color:#ffffff;padding:40px;border-radius:4px;color:#505e6c;box-shadow:1px 1px 5px rgba(0,0,0,0.1);}@media (max-width:767px){.contact-clean form{padding:30px;}}.contact-clean h2{margin-top:5px;font-weight:bold;font-size:28px;margin-bottom:36px;color:inherit;}.contact-clean .form-group:last-child{margin-bottom:5px;}.contact-clean form .form-control{background:#fff;border-radius:2px;box-shadow:1px 1px 1px rgba(0,0,0,0.05);outline:none;color:inherit;padding-left:12px;height:42px;}.contact-clean form .form-control:focus{border:1px solid #b2b2b2;}.contact-clean form textarea.form-control{min-height:100px;max-height:260px;padding-top:10px;resize:vertical;}.contact-clean form .btn{padding:16px 32px;border:none;background:none;box-shadow:none;text-shadow:none;opacity:0.9;text-transform:uppercase;font-weight:bold;font-size:13px;letter-spacing:0.4px;line-height:1;outline:none !important;}.contact-clean form .btn:hover{opacity:1;}.contact-clean form .btn:active{transform:translateY(1px);}.contact-clean form .btn-primary{background-color:#055ada !important;margin-top:15px;color:#fff;}

/* === estilo.min.css === */
td#centro div#curso_centro table tr td{padding:4% 2%;}.table{text-align:justify;}.table td{border-top-style:none !important;}#h_titulocurso{color:#244484;font-size:1.5em;margin-top:0px;font-family:'Helvetica';text-align:center;font-weight:bolder !important;}#h2_titulocurso{color:#888;font-size:1.3em;font-family:'Helvetica';text-align:center;}.flecha_formulario{width:20%;margin-left:46%;margin-top:0%;}#solicitud_ok img{width:10%;margin-left:44%;margin-top:4%;}.body_validacion{color:#888;font-size:1.5em;font-family:'Helvetica';text-align:center !important;line-height:1.4em;margin-top:3%;}#texto_validacion a{color:#922424;font-size:1.5em;font-family:'Helvetica';text-transform:uppercase;transition:all 0.1s ease-out;}.lo_celulares2{position:absolute;top:1%;left:1%;}.lo_celulares2 img{width:70%;height:auto;}.num_telefono2{position:absolute;top:72px;left:3%;}.num_telefono2 img{width:70%;}.cont2{position:absolute;top:72px;left:64%;}.cont2 a{font-size:0.6em;color:white;text-decoration:underline;font-weight:bolder;}.cont2 a:hover{color:#922424;}#dropsocial2{position:fixed;right:-11px;top:198px;width:105px;height:33px;padding:0px;border-radius:15px;font-size:11px;line-height:32px;text-transform:uppercase;}#categ_curso{transition:font-size 1s !important;}#categ_curso:hover{font-size:19px !important;color:red !important;}.logotipo_tablet{position:absolute;width:27%;padding-left:40px;margin-left:45px;padding-top:30px;}.logotipo_note{width:20%;margin-left:55px;margin-top:21px;padding:3px;}.flecha_nav{width:7px;padding-bottom:4px;margin-left:5px;margin-right:5px;background-color:#726658;}.contacto_img{width:87%;margin-bottom:5%;}.btn-primary{border-style:none !important;}.text-justify{border-style:none !important;}.linea_debajo_header_tabla{border-style:none !important;}.linea_debajo_header_tabla2{border-style:none !important;}#publico_obj .titulos_50{background-color:#244484;}#descripcion .titulos_50{background-color:#244484;}#duracion_ .titulos_50{background-color:#244484;}#objetivos .titulos_100{background-color:#244484;}#temario .titulos_100{background-color:#244484;}#bonificacion .titulos_100b{background-color:#244484;}#modalidades .titulos_100{background-color:#244484;}#publico_obj img{margin:-18px 2% 0 14px;width:42px;}#publico_obj .titulos_50{padding-right:20px;padding-left:25px;}#duracion_ img{width:35px;margin:-2% 1% -2% 5%;}#duracion_ .titulos_50{padding-left:62px;padding-right:62px;}#objetivos img{width:37px;margin-left:2%;margin-right:2%;}#objetivos .titulos_100{padding-left:7%;padding-right:65%;}#bonificacion img{width:37px;margin-left:2%;margin-right:2%;}#bonificacion .titulos_100b{padding-right:60%;padding-left:7%;}#modalidades img{width:37px;margin-left:2%;margin-right:2%;vertical-align:auto;}#modalidades .titulos_100{padding-right:59%;padding-left:7%;}#temario img{margin-left:2%;margin-right:2%;width:37px;}#temario .titulos_100{padding-right:66%;padding-left:7%;}.titulos_50{font-family:'Helvetica';font-size:1.1em;font-weight:bolder;text-align:center;color:white;border-radius:9px;padding-top:3px;padding-bottom:3px;}.titulos_100{font-family:'Helvetica';font-size:1.4em;font-weight:bolder;text-align:center;color:white;border-radius:9px;padding-top:3px;padding-bottom:3px;}.titulos_100b{font-family:'Helvetica';font-size:1.4em;font-weight:bolder;text-align:center;color:white;border-radius:9px;background-color:#ab967e;padding-top:3px;padding-bottom:3px;}#bordes_barramovil{background-color:#726658;}#barramovil{padding:5px 0 5px 0px;background-color:#726658;text-align:left;vertical-align:middle;font-size:1.4em;color:white;margin-left:auto;margin-right:auto;}#publico_obj{color:rgb(255,255,255);font-size:18px;}#duracion_{color:rgb(255,255,255);font-size:18px;}#categ_curso{color:#001eff;}#cuerpo{font-family:verdana;background-color:#83838361;}.texto_segmentado{color:rgb(0,0,0);font-size:1em;}#h1_titulocurso{color:#244484;font-size:40px;margin-top:0px;font-family:Merriweather;}#h1_titulo{color:rgb(0,0,0);font-size:32px !important;margin-bottom:-10px;font-family:sans-serif;}#bordes_cabecera{background:#726658;}#cursos_relacionados{color:rgb(225,13,13);font-size:18px;margin-left:35px;}#h2_curso{font-size:20px;color:rgb(130,18,18);text-align:left !important;}.ventajas{color:rgb(0,0,0);}#redes_sociales{width:80px;}#navegacion_{padding:5px 0 2px 23px;background-color:#726658;margin-left:auto;margin-right:auto;font-size:17px;color:white;width:976px;}#navegacion_ a{color:white;}#navegacion_ a:hover{color:#a19385;}.listado{color:#001eff !important;font-size:18px;}#navegacion a{z-index:2;text-align:left;vertical-align:middle;font-size:13px;}.cont_temario{padding:0px 0px 0 30px;line-height:0.9;margin:0px 0 1% 0;font-size:1em;}.titulo_temario{font-weight:bolder;font-size:20px;text-align:initial;}@media (min-width:1920px){#navegacion_{width:1024px;padding-left:395px !important;}}@media (min-width:1199px){#tamano{width:1024px;}#bonificacion .titulos_100b{padding-right:64%;padding-left:20px;}#col_central{width:616px;}#navegacion_{width:1024px;margin-left:auto;margin-right:auto;}}#modalidades .titulos_100{padding-right:63%;padding-left:20px;margin-left:2px;}#temario .titulos_100{padding-right:71%;padding-left:20px;}#publico_obj .titulos_50{padding:3px 22px;font-size:1em;}#duracion_ .titulos_50{padding:3px 60px;font-size:1em;}#objetivos .titulos_100{padding:3px 68% 3px 20px;}.titulos_100,.titulos_100b{font-size:1.3em;}@media (max-width:1199px){.table td{display:block;width:100% !important;}#navegacion_{width:960px !important;margin-left:auto;margin-right:auto;}.table .linea_debajo_header_tabla2{width:100%;margin-right:0px;}#publico_obj .titulos_50{padding:3px 11px;font-size:0.9em;display:block;}#bonificacion .titulos_100b{padding-right:36%;padding-left:38%;margin-left:2%;}#modalidades .titulos_100{padding-right:36%;padding-left:38%;margin-left:2%;}#temario .titulos_100{padding-right:41%;padding-left:41%;margin-left:2%;}#bonificacion img{margin-left:46%;width:11%;margin-bottom:1%;}#modalidades img{margin-left:46%;width:11%;margin-bottom:1%;}#publico_obj img{margin-top:-15px;margin-left:37%;width:21%;margin-bottom:4%;}#publico_obj .titulos_50{padding:6px 0;font-size:0.8em;display:block;line-height:1em;width:90%;margin-left:5%;}#duracion_ .titulos_50{padding:6px 0;font-size:0.8em;display:block;line-height:1em;width:91%;margin-left:5%;}#objetivos .titulos_100{padding-right:40%;padding-left:39%;margin-left:2%;}#objetivos img{margin-left:45%;width:10%;margin-bottom:1%;}#duracion_ img{width:17%;margin-top:0px;margin-left:37%;margin-bottom:1%}#temario img{margin-left:46%;width:10%;margin-bottom:1%;vertical-align:middle;}.titulo_temario{font-size:17px;}}@media (max-width:992px){#barramovil{width:719px;}}@media (max-width:768px){#barramovil{width:540px;}#objetivos .titulos_100{padding-right:39%;}#bonificacion .titulos_100b{padding-right:35%;}#modalidades .titulos_100{padding-right:35%;}#temario .titulos_100{padding-right:40%;}#navegacion_{padding-left:130px;}.numero_telefono{position:absolute;top:4.5%;}}@media (min-width:768px){.col-md-2{flex:none !important;}#cabecera_celulares{display:none;}}@media (max-width:556px){#seleccion_cat{padding-left:0px !important;margin-left:-17px;}#barramovil{padding-left:10px;font-size:1.3em;}}@media (max-width:528px){#objetivos .titulos_100{padding-right:37%;}#bonificacion .titulos_100b{padding-right:32%;}#modalidades .titulos_100{padding-right:31%;}#temario .titulos_100{padding-right:38%;}#barramovil{width:445px;}}@media (max-width:445px){.barra{display:none;}#barramovil{width:414px;font-size:1.2em;}#movil_cat2{line-height:12px;margin-top:-1px !important;}}@media (max-width:414px){#cabecera_celulares{display:inherit;}#cabecera_pc{display:none;}.logo_celulares{position:absolute;top:1%;left:30%;}.logo_celulares img{width:70%;height:auto;}.numero_telefono{position:absolute;top:11.3%;left:25%;}#barramovil{width:375px;font-size:1.1em;}#objetivos .titulos_100{padding-right:39%;padding-left:34%;margin-left:3%;}#bonificacion .titulos_100b{padding-right:32%;margin-left:3%;padding-left:34%;}#modalidades .titulos_100{padding-right:32%;margin-left:3%;padding-left:34%;}#temario .titulos_100{margin-left:3%;padding-left:38%;padding-right:38%;}.cont_temario{padding:0px 0px 0 0px;line-height:1.2em;margin:0px 0 4% 0;font-size:1em;text-align:left;}#duracion_ img{margin-left:43%;}#modalidades img{margin-left:43%;}}@media (max-width:375px){.logo_celulares{top:2%;left:31%;}.numero_telefono{top:10.5%;left:21%;}#barramovil{width:360px;font-size:1em;}#objetivos .titulos_100{padding-right:35%;padding-left:34%;margin-left:3%;}#bonificacion .titulos_100b{padding-right:32%;margin-left:3%;padding-left:29%;}#modalidades .titulos_100{padding-right:32%;margin-left:3%;padding-left:29%;}#temario .titulos_100{margin-left:4%;padding-left:35%;padding-right:38%;}.cont_temario{padding:0px 0px 0 0px;line-height:1.2em;margin:0px 0 4% 0;font-size:1em;text-align:left;}}@media (max-width:360px){.logo_celulares{left:30%;}#barramovil{width:320px;font-size:0.9em;}#objetivos .titulos_100{padding-right:33%;padding-left:34%;margin-left:4%;}#bonificacion .titulos_100b{padding-right:30%;margin-left:4%;padding-left:29%;}#modalidades .titulos_100{padding-right:30%;margin-left:4%;padding-left:29%;}#temario .titulos_100{margin-left:4%;padding-left:35%;padding-right:38%;}.cont_temario{padding:0px 0px 0 0px;line-height:1.2em;margin:0px 0 4% 0;font-size:1em;text-align:left;}}@media (max-width:320px){.numero_telefono{top:11.5%;left:18%;}#barramovil{width:310px;font-size:0.8em;}#objetivos .titulos_100{padding-right:30%;padding-left:34%;margin-left:4%;}#bonificacion .titulos_100b{padding-right:26%;margin-left:4%;padding-left:29%;}#modalidades .titulos_100{padding-right:25%;margin-left:4%;padding-left:29%;}#temario .titulos_100{margin-left:4%;padding-left:35%;padding-right:33%;}.cont_temario{padding:0px 0px 0 0px;line-height:1.2em;margin:0px 0 4% 0;font-size:1em;text-align:left;}}@media only screen and (max-width:992px){.whatsapp-link{position:fixed;bottom:15px;width:72px;right:10px;z-index:99999;}.whatsapp-link img{width:100%;height:auto;}}@media only screen and (min-width:993px){.whatsapp-link{position:fixed;bottom:15px;width:72px;right:30px;z-index:99999;}.whatsapp-link img{width:130%;height:auto;}}

/* === Footer-Basic.min.css === */
.footer-basic{background-color:#ffffff;color:#4b4c4d;border:0px solid #1c1442 !important;}.footer-basic ul{padding:0;list-style:none;text-align:center;font-size:18px;line-height:1;margin-bottom:0;}.footer-basic li{padding:8px 8px;}.footer-basic ul a{color:inherit;text-decoration:none;opacity:0.8;}.footer-basic ul a:hover{opacity:1;}.footer-basic .social{text-align:center;padding-bottom:25px;}.footer-basic .social >a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin:0 8px;color:inherit;opacity:0.75;}.footer-basic .social >a:hover{opacity:0.9;}.footer-basic .copyright{margin-top:15px;text-align:center;font-size:13px;color:#aaa;margin-bottom:0;}

/* === style.publi.css === */
.cob-container {
    margin: 20px;
}

.cob-titulo {
    font-size: 28px;
    color: #18319c;
    margin-bottom: 20px;
    font-weight: bold;
}

.cob-publicaciones {
    padding: 0px;
}

.cob-publicacion {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cob-cabecera {
    margin-bottom: 15px;
}

.cob-articulo-titulo {
    color: #18319c;
    font-size: 22px;
    margin-top: 0;
}

.cob-fecha-publicacion {
    color: #888;
    font-style: italic;
}

.cob-imagen {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
}

.cob-texto {
    font-family: Verdana, sans-serif;
    font-size: 15px;
    text-align: justify;
    line-height: 1.6;
}




/* === leermas.css === */
/**
 * leermas.css
 * Ubicación: /catalogo2/assets/css/leermas.css
 * Copiado de /catalogo/ para independencia de catalogo2
 * Fecha: 2026-02-16
 */

.ContNv{
    font-family: verdana;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #212529;
    text-align: justify;
    background-color: bisque;
    border: bisque 15px solid;
    border-radius: 15px;
    font-size: 16px;
  }
  
  .NvTit{
    font-size: 1.3rem;
    color: royalblue;
    font-family: 'Merriweather';
  }
  
  #leerMas{
    color: blueviolet;
     font-weight: bold;
  }
  
  .oculto{
    display: none;
     color: darkorchid;
      font-weight: bold;
  }


/* === estilos.css === */
/**
 * ESTILOS ADICIONALES — catalogo2
 * Ubicación servidor: /httpdocs/catalogo2/assets/css/estilos.css
 * 
 * Creado por: Claude (Anthropic) para Ana — CursosOnlineBonificados.com
 * Fecha creación: 2026-02-13
 * Última modificación: 2026-02-16
 * 
 * @cambios: 
 *   - 2026-02-14: Paleta unificada azul+arena+burdeos, buscador azul claro
 *   - 2026-02-16: Añadido font-size: 40px a #h1_titulocurso para independencia de /catalogo/
 *   - 2026-02-16: Texto descriptivo fondo más claro, borde más fino, más espacio en Objetivos
 *   - 2026-02-16: Estilos para artículos semánticos cob-* (publicaciones transformadas)
 */

/* =========================================
   CABECERA PC/TABLET (>= 768px)
   ========================================= */
.cob-header {
    background-color: #e8dcc8;
    width: 100%;
}

.cob-header-inner {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 30px;
    min-height: 200px;
    background-color: #4a7a9a;
}

.cob-brand {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

.cob-logo-link {
    text-decoration: none;
}

.cob-logo-img {
    width: 220px;
    height: auto;
}

.cob-brand-text {
    display: flex;
    flex-direction: column;
    padding-top: 55px;
}

.cob-brand-title {
    font-family: 'Bitter', serif;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
}

.cob-brand-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 6px;
}

.cob-contact {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-end;
    padding-top: 15px;
}

.cob-whatsapp {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    background: #fdf6e3;
    padding: 9px 20px;
    border-radius: 28px;
    transition: background 0.2s;
    white-space: nowrap;
}

.cob-whatsapp:hover {
    background: #f5e6c8;
    color: #333;
    text-decoration: none;
}

.cob-whatsapp svg {
    width: 26px;
    height: 26px;
}

.cob-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s;
    white-space: nowrap;
}

.cob-phone:hover {
    color: #fff;
    text-decoration: none;
}

.cob-phone svg {
    width: 23px;
    height: 23px;
}

/* =========================================
   CABECERA MÓVIL (< 768px)
   ========================================= */
.cob-header-mobile {
    background: linear-gradient(135deg, #4a7a9a, #1a2a3a);
    padding: 10px 15px;
}

.cob-mobile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cob-mobile-logo img {
    height: 45px;
    width: auto;
}

.cob-mobile-brand {
    flex: 1;
    padding: 0 10px;
}

.cob-mobile-title {
    font-family: 'Bitter', serif;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
}

.cob-mobile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cob-mobile-btn {
    display: flex;
    align-items: center;
}

.cob-mobile-contact-form button {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.cob-mobile-contact-form button:hover {
    background: rgba(255,255,255,0.1);
}

.cob-mobile-phones {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.cob-mobile-wa,
.cob-mobile-tel {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.cob-mobile-wa:hover,
.cob-mobile-tel:hover {
    color: #ddd;
    text-decoration: none;
}

/* =========================================
   POPUP BUSCADOR — Capa emergente
   ========================================= */
#cob-buscar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

#cob-buscar-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    overflow: hidden;
}

#cob-buscar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 2px solid #244484;
    background: #f8f9fa;
}

#cob-buscar-body {
    padding: 15px 20px;
    max-height: 60vh;
    overflow-y: auto;
}

/* =========================================
   FORMULARIO DE CONTACTO
   ========================================= */
.cob-separator {
    border-top: 10px solid;
    color: darkgray;
}

.cob-field-error {
    display: none;
    color: #dc3545;
    font-size: 12px;
    margin-top: 3px;
}

.cob-btn-enviar {
    background-color: #244484;
    border-color: #244484;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: bold;
}

.cob-btn-enviar:hover {
    background-color: #1a3366;
    border-color: #1a3366;
}

.cob-rgpd {
    font-size: 12px;
    color: #666;
}

.cob-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-weight: normal;
}

.cob-checkbox-label input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
}

.cob-checkbox-label a {
    color: #244484;
}

.cob-legal-mini {
    font-size: 10px;
    color: #999;
    margin-top: 10px;
    line-height: 1.4;
}

/* =========================================
   RESPONSIVE — CABECERA TABLET (768-991px)
   ========================================= */
@media (max-width: 991px) {
    .cob-header-inner {
        flex-direction: column;
        align-items: center;
        padding: 18px 20px;
        min-height: auto;
        gap: 15px;
    }
    
    .cob-brand {
        gap: 15px;
    }
    
    .cob-logo-img {
        width: 160px;
    }
    
    .cob-brand-title {
        font-size: 26px;
    }
    
    .cob-brand-subtitle {
        font-size: 14px;
    }
    
    .cob-contact {
        flex-direction: row;
        gap: 20px;
        align-items: center;
        padding-top: 0;
    }
    
    .cob-whatsapp {
        font-size: 20px;
        padding: 8px 18px;
    }
    
    .cob-whatsapp svg {
        width: 24px;
        height: 24px;
    }
    
    .cob-phone {
        font-size: 18px;
    }
    
    .cob-phone svg {
        width: 20px;
        height: 20px;
    }
}

/* =========================================
   BUSCADOR COLUMNA DERECHA (categorías)
   ========================================= */
.cob-buscador-derecha {
    background-color: #3d6a8a;
    padding: 15px 10px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 6px;
}

.cob-buscador-titulo {
    color: #fff;
    font-family: 'Bitter', serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cob-buscador-derecha .form-control {
    font-size: 15px;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* =========================================
   BLOQUE CTA — Columna derecha "Solicitar Info"
   ========================================= */
.cob-cta-box {
    text-align: center;
    padding: 15px 5px;
}

.cob-btn-solicitar-grande {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fdf6e3 0%, #f5e6c8 50%, #fdf6e3 100%);
    color: #8B0000;
    font-size: 22px;
    font-weight: bold;
    padding: 30px 15px;
    border-radius: 10px;
    border: 4px solid #B22222;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    box-shadow: 0 4px 15px rgba(178, 34, 34, 0.25);
    min-height: 140px;
}

.cob-btn-solicitar-grande:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(178, 34, 34, 0.4);
    border-color: #8B0000;
    color: #8B0000;
    text-decoration: none;
}

.cob-btn-texto {
    position: relative;
    z-index: 2;
    line-height: 1.3;
}

/* Efecto brillo que se mueve */
.cob-btn-brillo {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(178, 34, 34, 0.12) 50%, 
        transparent 100%
    );
    animation: cob-brillo 3s ease-in-out infinite;
    z-index: 1;
}

@keyframes cob-brillo {
    0%   { left: -100%; }
    50%  { left: 100%; }
    100% { left: 100%; }
}

.cob-cta-subtexto {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    margin-top: 12px;
}

/* =========================================
   PÁGINA DE CONTACTO — Formulario completo
   ========================================= */
.cob-form-label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.cob-required {
    color: #dc3545;
}

.cob-form-input {
    font-size: 15px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: border-color 0.2s;
}

.cob-form-input:focus {
    border-color: #244484;
    box-shadow: 0 0 0 2px rgba(36,68,132,0.15);
    outline: none;
}

.cob-field-invalid {
    border-color: #dc3545 !important;
}

.cob-field-valid {
    border-color: #28a745 !important;
}

.cob-char-count {
    display: block;
    text-align: right;
    font-size: 11px;
    color: #999;
    margin-top: 3px;
}

.cob-rgpd-page {
    font-size: 13px;
    color: #555;
    margin-top: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 5px;
}

.cob-checkbox-label-page {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-weight: normal;
}

.cob-checkbox-label-page input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.cob-checkbox-label-page a {
    color: #244484;
}

.cob-btn-enviar-page {
    background-color: #244484;
    border-color: #244484;
    color: #fff;
    padding: 12px 50px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 6px;
    transition: background-color 0.2s;
}

.cob-btn-enviar-page:hover {
    background-color: #1a3366;
    border-color: #1a3366;
    color: #fff;
}

.cob-legal-mini-page {
    font-size: 11px;
    color: #999;
    margin-top: 20px;
    line-height: 1.5;
    text-align: center;
}

.cob-legal-mini-page a {
    color: #244484;
}

/* Ocultar cabecera antigua si coexisten */
@media (min-width: 768px) {
    #cabecera_celulares {
        display: none !important;
    }
}

/* =========================================
   BUSCADOR — Modal emergente
   ========================================= */
#cob-buscar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: flex-start;
    padding-top: 80px;
}

#cob-buscar-modal {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 700px;
    max-height: 70vh;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
}

.cob-buscar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #244484;
    color: #fff;
}

.cob-buscar-header h3 {
    margin: 0;
    font-size: 18px;
    font-family: 'Bitter', serif;
}

.cob-buscar-cerrar {
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    line-height: 1;
    padding: 0 5px;
}

.cob-buscar-cerrar:hover {
    color: #ffc107;
}

#cob-buscar-resultados {
    overflow-y: auto;
    padding: 10px 20px 20px;
    flex: 1;
}

.cob-buscar-tabla {
    width: 100%;
    border-collapse: collapse;
}

.cob-buscar-tabla thead tr {
    background: #244484;
    color: #fff;
}

.cob-buscar-tabla th {
    padding: 10px 12px;
    text-align: left;
    font-size: 14px;
}

.cob-buscar-tabla td {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.cob-buscar-tabla tbody tr:hover {
    background: #f0f5ff;
}

.cob-buscar-tabla a {
    color: #244484;
    text-decoration: none;
    font-weight: 500;
}

.cob-buscar-tabla a:hover {
    text-decoration: underline;
}

.cob-buscar-horas {
    text-align: center;
    white-space: nowrap;
    width: 60px;
    color: #777;
}

.cob-buscar-vacio {
    text-align: center;
    color: #999;
    padding: 30px 0;
    font-size: 15px;
}

.cob-buscar-total {
    text-align: center;
    color: #888;
    font-size: 13px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

/* =========================================
   BUSCADOR — Overlay de resultados
   ========================================= */
#cobBuscadorOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 80px;
}

#cobBuscadorModal {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    max-height: 70vh;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#cobBuscadorHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    background: #244484;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

#cobBuscadorCerrar {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0 5px;
}

#cobBuscadorCerrar:hover {
    color: #ffc107;
}

#cobBuscadorResultados {
    overflow-y: auto;
    padding: 0;
    max-height: calc(70vh - 50px);
}

.cob-busq-item {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    transition: background 0.15s;
}

.cob-busq-item:hover {
    background: #f0f5ff;
    text-decoration: none;
}

.cob-busq-nombre {
    display: block;
    color: #244484;
    font-weight: 500;
    font-size: 15px;
}

.cob-busq-nombre mark {
    background: #fef3cd;
    color: #244484;
    padding: 0 2px;
    border-radius: 2px;
}

.cob-busq-meta {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 2px;
}

.cob-busq-vacio {
    padding: 25px 18px;
    text-align: center;
    color: #888;
    font-size: 15px;
}

/* =========================================
   PALETA GLOBAL — Arena lateral + Azul cabecera
   Aplica a todas las páginas (portada, curso, categoría, contacto)
   ========================================= */

#cuerpo {
    background-color: #e8dcc8 !important;
}

/* Título columna izquierda: gris oscuro en vez de rojo */
#h2_curso {
    color: #333 !important;
    font-size: 18px;
}

/* H1 título de categoría y curso: azul petróleo + tamaño 40px */
#h1_titulocurso {
    color: #3d6a8a !important;
    font-size: 40px !important;
}

/* Texto descriptivo: override colores de la BD */
.NvTit,
.NvTit strong,
.article-clean .intro h1,
.article-clean .intro h2,
.article-clean .intro h3,
.texto-categoria h3,
.texto-categoria h4,
div[style*="color: blue"],
div[style*="color:blue"],
div[style*="color: #0000ff"],
div[style*="color:#0000ff"],
div[style*="color: rgb(0, 30, 255)"],
div[style*="color: rgb(65, 105, 225)"],
p[style*="color: rgb(65, 105, 225)"],
.readmore_content h3,
.readmore_content h4 {
    color: #3d6a8a !important;
}

/* Fondo texto descriptivo: arena como los laterales */
.ContNv {
    background-color: #e8dcc8 !important;
}

/* Etiquetas de secciones (pastillas redondeadas): azul petróleo */
/* Solo cambiar el background-color del span, respetar forma original */
.titulos_50,
.titulos_100,
.titulos_100b {
    background-color: #3d6a8a !important;
}

/* Cursos Relacionados: azul petróleo en vez de rojo */
a[href*="cursos-online-de"] {
    color: #3d6a8a;
}

/* Espacio entre H2 columna izquierda y primer elemento */
#h2_curso {
    margin-bottom: 15px;
}

/* Espacio entre buscador y botón CTA en columna derecha */

/* Lista de cursos — estilo Verdana como el sitio antiguo */
.cat-lista-cursos {
    list-style-type: disc;
    padding-left: 35px;
    font-family: Verdana, Geneva, sans-serif;
}

.cat-lista-cursos li {
    margin-bottom: 12px;
    line-height: 1.5;
}

.cat-lista-cursos a {
    color: #244484;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
}

.cat-lista-cursos a:hover {
    color: #1a2a3a;
    text-decoration: underline;
}

.cat-lista-horas {
    font-size: 13px;
    color: #888;
    font-family: Verdana, Geneva, sans-serif;
}

/* Links "Leer más" en texto descriptivo */
.readmore_content a,
#leerMas,
a[style*="color: green"],
a[style*="color:green"],
a[style*="color: purple"],
a[style*="color:purple"],
a[style*="color: rgb(128, 0, 128)"] {
    color: #3d6a8a !important;
}

/* =========================================
   TEXTO DESCRIPTIVO DEL CURSO (.ContNv)
   Fondo claro, bordes finos, padding interno
   ========================================= */
.ContNv {
    background-color: #f9f7f4 !important;
    border: 1px solid #ddd !important;
    border-left: 3px solid #3d6a8a !important;
    padding: 20px 25px !important;
    margin: 15px 0 !important;
}

/* Título H3 dentro del texto descriptivo - azul petróleo */
.ContNv h3,
.ContNv h4,
.NvTit,
.NvTit strong,
h3[style*="color"],
h4[style*="color"] {
    color: #3d6a8a !important;
}

.ContNv .NvTit,
.ContNv .NvTit strong {
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    display: block;
    text-align: left !important;
}
.ContNv p {
    text-align: left !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
/* =========================================
   BLOQUES DE SECCIONES (Objetivos, Temario, etc.)
   Más espacio entre etiqueta y texto
   ========================================= */
#objetivos .titulos_100,
#temario .titulos_100,
#bonificacion .titulos_100b,
#modalidades .titulos_100,
#publico_obj .titulos_50,
#duracion_ .titulos_50 {
    margin-bottom: 15px !important;
}

.linea_icono_central {
    margin-bottom: 12px !important;
}

/* =========================================
   PUBLICACIONES / ARTÍCULOS DEL CURSO
   ========================================= */
.publicaciones-curso {
    margin-top: 30px;
    padding: 10px 5px;
    background-color: #f9f7f4;
    border-radius: 8px;
}

.publicaciones-curso h2,
.publicaciones-curso h3 {
    color: #3d6a8a !important;
    font-size: 22px !important;
    margin-bottom: 15px;
}

.publicaciones-curso h4 {
    color: #3d6a8a !important;
    font-size: 18px !important;
    margin-bottom: 10px;
}

.publicaciones-curso p {
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}

.publicaciones-curso img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    margin: 10px 0;
}

.publicaciones-curso .fecha,
.publicaciones-curso em {
    font-size: 13px;
    color: #888;
}

/* Contenido columna derecha adicional */
.cldr-publ {
    margin-top: 15px;
    padding: 10px;
    font-size: 13px;
}

.cldr-publ img {
    max-width: 100% !important;
    height: auto !important;
}

/* === MULTIMEDIA CURSO (vídeo/imagen) === */
.curso-video-container {
    position: relative;
    padding-bottom: 50.625%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 20px auto;
    max-width: 90%;
}
.curso-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.curso-imagen-container {
    text-align: center;
    margin: 20px auto;
    max-width: 90%;
}
.curso-imagen-container img {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    width: 100%;
    height: auto;
}

/* =========================================
   ARTÍCULOS SEMÁNTICOS cob-*
   Estilos para publicaciones_cent transformadas
   a HTML5 semántico (clases cob-publicacion, etc.)
   Creado: 2026-02-16
   ========================================= */

/* Contenedor de cada bloque de publicaciones */
.cob-publicaciones {
    margin-bottom: 25px;
}

/* Artículo individual */
.cob-publicacion {
    background: #fff;
    border: 1px solid #e0dbd4;
    border-left: 3px solid #3d6a8a;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 20px;
}

/* Cabecera del artículo */
.cob-cabecera {
    margin-bottom: 12px;
}

/* Título del artículo */
.cob-articulo-titulo {
    color: #3d6a8a !important;
    font-family: 'Bitter', serif;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 6px 0;
}

/* Fecha de publicación */
.cob-fecha-publicacion {
    color: #888;
    font-size: 13px;
    font-style: italic;
    margin: 0;
}

/* Imagen del artículo */
.cob-imagen {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 10px 0 15px 0;
    display: block;
}

/* Párrafos de contenido */
.cob-texto {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    text-align: justify;
    margin-bottom: 10px;
}

/* Tablas de datos dentro de artículos */
.cob-tabla-datos {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 13px;
}

.cob-tabla-datos th {
    background-color: #3d6a8a;
    color: #fff;
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
}

.cob-tabla-datos td {
    padding: 9px 12px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.cob-tabla-datos tr:nth-child(even) {
    background-color: #f7f5f2;
}

.cob-tabla-datos tr:hover {
    background-color: #eef3f7;
}

/* ============================================================
   FAQ CURSO — 2 columnas x 3 preguntas colapsables
   ============================================================ */

.cob-faq-curso-wrap {
    margin: 28px 15px 10px;
    background: #f7f9fc;
    border-left: 4px solid #1a3a5c;
    border-radius: 0 6px 6px 0;
    padding: 18px 20px 14px;
}

.cob-faq-curso-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1a3a5c;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0dce8;
}

.cob-faq-curso {
    display: flex;
    gap: 24px;
}

.cob-faq-curso-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cob-faq-curso-item details {
    border-bottom: 1px solid #d0dce8;
    padding: 6px 0;
}

.cob-faq-curso-item details summary {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #1a3a5c;
    cursor: pointer;
    list-style: none;
    padding: 4px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.4;
}

.cob-faq-curso-item details summary::-webkit-details-marker { display: none; }

.cob-faq-curso-item details summary::after {
    content: "+";
    font-size: 16px;
    font-weight: 400;
    color: #3d6a8a;
    flex-shrink: 0;
    margin-top: -1px;
}

.cob-faq-curso-item details[open] summary::after {
    content: "−";
}

.cob-faq-curso-item details p {
    font-size: 12.5px;
    color: #555;
    line-height: 1.65;
    margin: 8px 0 6px;
    padding-right: 20px;
}

@media (max-width: 600px) {
    .cob-faq-curso {
        flex-direction: column;
        gap: 0;
    }
}


/* === cabecera.css === */
/**
 * ESTILOS DE CABECERA — CursosOnlineBonificados.com
 * Ubicación servidor: /httpdocs/catalogo2/assets/css/cabecera.css
 * 
 * Creado por: Claude (Anthropic) para Ana — CursosOnlineBonificados.com
 * Fecha creación: 2026-02-15
 * Última modificación: 2026-02-15
 * 
 * Estructura: franja superior (contacto) + franja principal (marca con foto fondo)
 * Paleta: azul oscuro #1a3a5c, azul medio #2d5f8a, dorado #c9a84c, arena #e8dcc8
 * 
 * @version 2.0
 * @date 2026-02-15
 */

/* ==========================================
   VARIABLES
   ========================================== */
:root {
    --cob-azul-oscuro: #1a3a5c;
    --cob-azul-medio: #2d5f8a;
    --cob-azul-claro: #4a7a9a;
    --cob-dorado: #c9a84c;
    --cob-dorado-suave: #d4b96a;
    --cob-arena: #e8dcc8;
    --cob-crema: #fdf6e3;
    --cob-blanco: #ffffff;
    --cob-gris-texto: #e0e8f0;
}

/* ==========================================
   FRANJA SUPERIOR — Contacto + Confianza
   ========================================== */
.cob-topbar {
    background: var(--cob-arena);
    font-size: 15px;
    letter-spacing: 0.3px;
}
.cob-topbar-inner {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 15px;
    background: var(--cob-azul-oscuro);
    color: var(--cob-gris-texto);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.cob-topbar-izq {
    display: flex;
    align-items: center;
    gap: 20px;
}
.cob-topbar-link {
    color: var(--cob-gris-texto);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
}
.cob-topbar-link:hover {
    color: var(--cob-blanco);
    text-decoration: none;
}
.cob-topbar-link .fa-phone {
    color: var(--cob-dorado-suave);
    font-size: 11px;
}
.cob-topbar-link .fa-whatsapp {
    color: #25d366;
    font-size: 14px;
}
.cob-topbar-der {
    display: flex;
    align-items: center;
    gap: 22px;
}
.cob-topbar-sello {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: var(--cob-gris-texto);
}
.cob-topbar-sello i {
    color: var(--cob-dorado);
    font-size: 14px;
}
.cob-topbar-sello strong {
    color: var(--cob-blanco);
    font-weight: 600;
}

/* ==========================================
   FRANJA PRINCIPAL — Logo + Marca
   ========================================== */
.cob-header {
    background: var(--cob-arena);
    position: relative;
}
.cob-header-inner {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 25px 20px 45px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, var(--cob-azul-oscuro) 0%, var(--cob-azul-medio) 40%, var(--cob-azul-claro) 100%);
    overflow: hidden;
}
/* Foto de fondo con overlay azul */
.cob-header-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: 
        linear-gradient(135deg, rgba(26,58,92,0.55) 0%, rgba(45,95,138,0.48) 40%, rgba(74,122,154,0.42) 100%),
        url('/catalogo/assets/img/COB/BACKGROUND_CABECERA.webp') center/cover no-repeat;
    pointer-events: none;
    z-index: 0;
}
/* Línea decorativa dorada inferior */
.cob-header-inner::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cob-dorado) 0%, var(--cob-dorado-suave) 50%, transparent 100%);
    z-index: 3;
}
/* Todos los hijos por encima del fondo */
.cob-header-inner > * {
    position: relative;
    z-index: 2;
}

/* ==========================================
   LOGO MODERNIZADO
   ========================================== */
.cob-logo-area {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}
.cob-logo-area:hover {
    text-decoration: none;
}
.cob-logo-mark {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--cob-blanco) 0%, #e8eef5 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.9);
    position: relative;
}
.cob-logo-letters {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 26px;
    color: var(--cob-azul-oscuro);
    letter-spacing: 1px;
    line-height: 1;
}
.cob-logo-globe {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 24px;
    height: 24px;
    background: var(--cob-azul-medio);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--cob-blanco);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.cob-logo-globe i {
    color: var(--cob-blanco);
    font-size: 12px;
}

/* ==========================================
   NOMBRE DE MARCA
   ========================================== */
.cob-brand {
    margin-left: 35px;
    flex: 1;
    position: relative;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cob-brand-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    color: var(--cob-blanco);
    line-height: 1.1;
    text-shadow: 
        0 0 8px rgba(0,0,0,0.5),
        0 2px 4px rgba(0,0,0,0.4),
        1px 1px 0 rgba(0,0,0,0.3),
        -1px -1px 0 rgba(0,0,0,0.3),
        1px -1px 0 rgba(0,0,0,0.3),
        -1px 1px 0 rgba(0,0,0,0.3);
    letter-spacing: -0.5px;
    /* Reset H1 styles */
    margin: 0;
    padding: 0;
}
.cob-brand-name span {
    color: var(--cob-dorado);
}
.cob-brand-tagline {
    font-family: 'Source Sans 3', 'Open Sans', sans-serif;
    font-size: 21px;
    color: rgba(255,255,255,0.85);
    font-weight: 400;
    letter-spacing: 0.3px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* ==========================================
   CABECERA MÓVIL
   ========================================== */
.cob-header-movil {
    display: none;
}

/* ==========================================
   OCULTAR PC EN MÓVIL / OCULTAR MÓVIL EN PC
   ========================================== */
@media (max-width: 768px) {
    .cob-topbar {
        display: none;
    }
    .cob-header {
        display: none;
    }
    .cob-header-movil {
        display: block;
        background: var(--cob-arena);
    }
    .cob-header-movil-inner {
        max-width: 1024px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding: 10px 12px;
        background: linear-gradient(135deg, var(--cob-azul-oscuro) 0%, var(--cob-azul-medio) 100%);
        gap: 10px;
    }
    .cob-movil-logo {
        text-decoration: none;
        flex-shrink: 0;
    }
    .cob-logo-mark-sm {
        width: 42px;
        height: 42px;
        border-radius: 8px;
    }
    .cob-logo-mark-sm .cob-logo-letters {
        font-size: 16px;
    }
    .cob-movil-brand {
        flex: 1;
    }
    .cob-movil-nombre {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: var(--cob-blanco);
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .cob-movil-nombre span {
        color: var(--cob-dorado);
    }
    .cob-movil-contacto {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
    }
    .cob-movil-btn {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: rgba(255,255,255,0.12);
        border: 1px solid rgba(255,255,255,0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--cob-blanco);
        font-size: 16px;
        text-decoration: none;
        transition: background 0.2s;
    }
    .cob-movil-btn:hover {
        background: rgba(255,255,255,0.2);
        text-decoration: none;
        color: var(--cob-blanco);
    }
    .cob-movil-btn-wa i {
        color: #25d366;
    }
}

@media (max-width: 480px) {
    .cob-movil-nombre {
        font-size: 14px;
    }
    .cob-logo-mark-sm {
        width: 36px;
        height: 36px;
    }
    .cob-logo-mark-sm .cob-logo-letters {
        font-size: 14px;
    }
}

/* === categoria-cursos-faq.css === */
/**
 * ESTILOS: Contenedores de cursos + FAQ colapsable
 * Archivo: /catalogo2/assets/css/categoria-cursos-faq.css
 * 
 * Creado por: Claude (Anthropic) para Ana — CursosOnlineBonificados.com
 * Fecha: 2026-02-24
 * 
 * Usado en: categoria.php v3.2+
 */

/* =============================================
   LISTADO DE CURSOS EN CONTENEDORES
   ============================================= */

.cob-cursos-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 15px;
}

.cob-curso-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid #e0d8ca;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

.cob-curso-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #3d6a8a;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.cob-curso-card:hover {
    border-color: #4a7a9a;
    box-shadow: 0 4px 16px rgba(29, 58, 92, 0.1);
    transform: translateX(4px);
    background: linear-gradient(to right, #f5f0e8 0%, #fff 100%);
    text-decoration: none;
    color: inherit;
}

.cob-curso-card:hover::before {
    opacity: 1;
}

/* Icono del curso */
.cob-curso-icono {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #f5f0e8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.cob-curso-icono i {
    color: #3d6a8a;
    font-size: 16px;
    transition: color 0.25s;
}

.cob-curso-card:hover .cob-curso-icono {
    background: #1a3a5c;
}

.cob-curso-card:hover .cob-curso-icono i {
    color: #c9a84c;
}

/* Info del curso */
.cob-curso-info {
    flex: 1;
    min-width: 0;
}

.cob-curso-nombre {
    font-size: 14px;
    font-weight: 600;
    color: #1a3a5c;
    line-height: 1.4;
    margin-bottom: 4px;
    transition: color 0.2s;
}

.cob-curso-card:hover .cob-curso-nombre {
    color: #3d6a8a;
}

.cob-curso-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    color: #999;
    flex-wrap: wrap;
}

.cob-curso-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.cob-curso-meta i {
    font-size: 11px;
    color: #4a7a9a;
}

/* Flecha */
.cob-curso-arrow {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    color: #ccc;
    transition: all 0.25s ease;
    font-size: 12px;
}

.cob-curso-card:hover .cob-curso-arrow {
    background: #3d6a8a;
    color: #fff;
}

/* Responsive: ocultar flecha en móvil */
@media (max-width: 576px) {
    .cob-curso-card {
        padding: 12px 14px;
        gap: 10px;
    }
    .cob-curso-icono {
        width: 36px;
        height: 36px;
    }
    .cob-curso-arrow {
        display: none;
    }
    .cob-curso-meta {
        gap: 8px;
        font-size: 11px;
    }
}


/* =============================================
   FAQ COLAPSABLE (doble nivel)
   ============================================= */

.cob-faq-container {
    border-top: 2px solid #e8dcc8;
    padding-top: 20px;
}

/* --- Botón principal (toggle todo el bloque) --- */
.cob-faq-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f5f0e8, #efe9dc);
    border: 1px solid #d4cbb8;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-family: inherit;
    transition: all 0.2s;
}

.cob-faq-toggle:hover {
    border-color: #4a7a9a;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.cob-faq-toggle-icon {
    width: 36px;
    height: 36px;
    background: #1a3a5c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cob-faq-toggle-icon i {
    color: #c9a84c;
    font-size: 15px;
}

.cob-faq-toggle-text {
    flex: 1;
}

.cob-faq-toggle-text strong {
    display: block;
    font-size: 14px;
    color: #1a3a5c;
}

.cob-faq-toggle-text small {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

.cob-faq-toggle-chevron {
    color: #4a7a9a;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.cob-faq-container.open .cob-faq-toggle-chevron {
    transform: rotate(180deg);
}

/* --- Panel oculto (contiene las 10 preguntas) --- */
.cob-faq-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    padding-top: 0;
}

.cob-faq-container.open .cob-faq-panel {
    max-height: 4000px;
    padding-top: 12px;
}

/* --- Pregunta individual --- */
.cob-faq-item {
    border: 1px solid #e8e3d9;
    border-radius: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.cob-faq-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.cob-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    background: #fff;
    border: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    transition: background 0.15s;
    gap: 10px;
}

.cob-faq-q:hover {
    background: #f5f0e8;
}

.cob-faq-num {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #1a3a5c;
    color: #c9a84c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.cob-faq-qtxt {
    flex: 1;
}

.cob-faq-chevron {
    flex-shrink: 0;
    color: #4a7a9a;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.cob-faq-item.open .cob-faq-q {
    background: #f5f0e8;
}

.cob-faq-item.open .cob-faq-chevron {
    transform: rotate(180deg);
}

/* --- Respuesta --- */
.cob-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.cob-faq-item.open .cob-faq-a {
    max-height: 500px;
}

.cob-faq-a-inner {
    padding: 4px 16px 16px 50px;
    font-size: 13px;
    color: #555;
    line-height: 1.75;
}

.cob-faq-a-inner strong {
    color: #333;
    font-weight: 600;
}

.cob-faq-a-inner a {
    color: #3d6a8a;
    text-decoration: underline;
}