/* =====================================================================
   Ajustes SEO / rendimiento – uned-peopleanalytics.es (nov 2026)
   1) Mantienen el aspecto original tras cambiar etiquetas de encabezado.
   2) Estilos de las secciones nuevas de la portada (datos clave, salidas, FAQ).
   3) Fondos en WebP (mismas imágenes, menos peso).
   ===================================================================== */

/* --- 1. Encabezados: mismo aspecto que antes --- */
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Slab', serif; }

/* El título del slide 1 pasa de h2 a h1 y los de los slides 2 y 3 a div */
.main-slider .slider-content h1,
.main-slider .slider-content .slider-title {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.1;
    font-size: 48px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}
@media (max-width: 768px) {
    .main-slider .slider-content h1,
    .main-slider .slider-content .slider-title { font-size: 30px; }
}
@media (max-width: 479px) {
    .main-slider .slider-content h1,
    .main-slider .slider-content .slider-title { font-size: 28px; }
}
@media (max-width: 320px) {
    .main-slider .slider-content h1,
    .main-slider .slider-content .slider-title { font-size: 20px; }
}
/* <picture> (WebP) se comporta como la imagen original */
.main-slider .item picture,
.cel-feature picture { display: block; }

/* --- 2. Secciones nuevas de la portada --- */
.seo-datos { padding-top: 40px; }
.seo-datos .seo-box-title {
    font-size: 18px;
    font-weight: 700;
    color: #115139;
    text-transform: uppercase;
    margin-top: 10px;
}
.service-box:hover .seo-box-title { color: #f9ba48; }
.seo-datos .service-content a,
.seo-salidas a,
.seo-faq a { color: #115139; font-weight: 700; text-decoration: underline; }
.seo-datos .service-content a:hover,
.seo-salidas a:hover,
.seo-faq a:hover { color: #f9ba48; }

.seo-salidas { background: #f6f9f7; }
.seo-salidas h3 { font-size: 22px; margin-top: 10px; margin-bottom: 20px; }
.seo-list { list-style: none; padding: 0; margin: 0 0 20px; }
.seo-list li { position: relative; padding-left: 24px; margin-bottom: 10px; }
.seo-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f9ba48;
}
@media (max-width: 991px) { .seo-salidas .col-md-6 + .col-md-6 { margin-top: 20px; } }

.seo-faq { padding-bottom: 40px; }
.seo-faq .section-heading { padding-bottom: 30px; }
.seo-faq-item {
    border-left: 4px solid #f9ba48;
    background: #f6f9f7;
    padding: 18px 22px;
    margin-bottom: 16px;
    border-radius: 3px;
}
.seo-faq-item h3 { font-size: 18px; margin: 0 0 8px; line-height: 1.4; }
.seo-faq-item p { margin: 0; }

/* --- 3. Fondos en WebP (mismas imágenes que en style.css) --- */
.vid.cbiz-bg { background-image: url("../images/bg/service.webp"); }
.vid.cbiz-bg.ent { background-image: url("../images/entrevista_img.webp") !important; }
.vid.cbiz-bg.yago { background-image: url("../images/Video_Yago_img.webp") !important; }
.vid.cbiz-bg.lorena { background-image: url("../images/Video_Lorena_img.webp") !important; }
.vid.cbiz-bg.jorge { background-image: url("../images/Video_Jorge_img.webp") !important; }
.vid.cbiz-bg.saida { background-image: url("../images/Video_Saida_img.webp") !important; }