/* =========================================================
   Categorías con layout SEO (Pinturas · 111)
   AÑADIR AL FINAL DE themes/child_segopi/assets/css/custom.css
   ========================================================= */

/* Subcategorías: 3 columnas, icono arriba */
.c-subcategories--seo .c-partial-family-miniature { height: 100%; margin-bottom: 30px; }
.c-subcategories--seo .c-partial-family-miniature__link {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 100%; padding: 20px 15px; text-align: center;
}
.c-subcategories--seo .c-partial-family-miniature__image-wrapper { float: none; width: auto; margin: 0 0 15px; }
.c-subcategories--seo .c-partial-family-miniature__image { max-width: 100px; height: auto; }
.c-subcategories--seo .c-partial-family-miniature__info-wrapper { float: none; width: 100%; padding: 0; }
.c-subcategories--seo .c-partial-family-miniature__title { margin: 0; }
.c-subcategories--seo .c-partial-family-miniature__description { display: none; }

/* Bloque SEO */
.c-category-seo { --seo-color: #1b4f9c; --seo-line: #c9d6ea; padding: 40px 0; color: var(--seo-color); }
.c-category-seo p { font-size: 14px; line-height: 1.6; margin: 0 0 1em; }
.c-category-seo__title { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 16px; color: var(--seo-color); text-transform: none; }

.c-category-seo__intro {
    display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 40px;
}
.c-category-seo__image { display: block; width: 100%; height: auto; }

/* Acordeones (secciones y FAQ) */
.c-seo-accordion { border-bottom: 1px solid var(--seo-line); }
.c-seo-accordion__summary {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 16px 0; cursor: pointer; list-style: none;
}
.c-seo-accordion__summary::-webkit-details-marker { display: none; }
.c-seo-accordion__summary::after {
    content: "+"; flex-shrink: 0; font-size: 28px; font-weight: 300; line-height: 1; color: var(--seo-color);
}
.c-seo-accordion[open] > .c-seo-accordion__summary::after { content: "\00d7"; }
.c-seo-accordion__summary:focus-visible { outline: 2px solid var(--seo-color); outline-offset: 2px; }
.c-seo-accordion__title { font-size: 15px; font-weight: 700; line-height: 1.4; margin: 0; color: var(--seo-color); text-transform: none; }
.c-seo-accordion__content { padding: 0 0 16px; }
.c-seo-accordion__content ul { list-style: disc; padding-left: 20px; margin: 0 0 1em; }
.c-seo-accordion__content li { font-size: 14px; line-height: 1.6; margin-bottom: 4px; }

.c-category-seo--faq { padding-top: 50px; }
.c-category-seo__faq-title { margin-bottom: 10px; }

@media (max-width: 767px) {
    .c-category-seo { padding: 30px 0; }
    .c-category-seo__intro { grid-template-columns: 1fr; gap: 24px; }
}


/* =========================================================
   SEGOPI · Nueva identidad – logos header / footer
   Pegar al final del CSS del child (o custom.css)
   ========================================================= */

/* ---------- Header desktop ---------- */
@media (min-width: 992px) {
  .c-header__container {
    max-width: 1485px;              /* ancho del header en Figma */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .c-header__logo-container {
    position: static;
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 auto 0 0;             /* logo a la izquierda, nav a la derecha */
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }
  .c-header__logo-link {
    display: block;
    line-height: 0;
  }
  .c-header__logo {
    position: static;
    display: block;
    width: auto;
    height: 48px;                   /* ≈175 px de ancho, como el Figma (177) */
    max-width: none;
    margin: 0;
    transform: none;
  }
  .c-header__search-container {
    flex-basis: 100%;
  }
}

/* ---------- Header móvil ---------- */
@media (max-width: 991.98px) {
  .c-header-responsive__logo-link {
    display: block;
    line-height: 0;
  }
  .c-header-responsive__logo {
    position: static;
    display: block;
    width: auto;
    height: 36px;                   /* ≈131 px de ancho (mín. guía: 70 px) */
    max-width: none;
    transform: none;
  }
}

/* ---------- Footer ---------- */
.c-footer__logo-link {
  display: inline-block;
  line-height: 0;
}
.c-footer__logo {
  display: block;
  width: 100%;
  max-width: 213px;                 /* tamaño Figma; en col-lg-2 se ajusta al ancho */
  height: auto;
}
@media (min-width: 992px) {
  .c-header > .container.c-header__container {
    max-width: 1485px;
  }
}

@media (min-width: 992px) {
  .c-header > .container.c-header__container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .c-header .c-header__logo-container {
    float: none;
    left: auto;
    right: auto;
  }
}