/**
 * Bellevue_StyleOverride — override.css
 *
 * Este fichero se carga AL FINAL de todos los CSS del sitio (after="-" en el layout),
 * por lo que tiene la máxima prioridad de cascade sin necesidad de !important.
 *
 * INSTRUCCIONES:
 *   - Añade tus sobreescrituras debajo de cada sección.
 *   - En la mayoría de casos NO necesitas !important; la posición final del fichero ya da prioridad.
 *   - Usa !important solo para sobreescribir estilos que ya usan !important (ej. Porto configed_css).
 *
 * ============================================================
 * ÍNDICE DE SECCIONES
 * ============================================================
 * 1. Variables globales / colores de marca
 * 2. Tipografía
 * 3. Header / Navbar
 * 4. Botones
 * 5. Productos & Catálogo
 * 6. Footer
 * 7. Responsive (mobile)
 * 8. Módulo MobileMenu (Bellevue_MobileMenu)
 * 9. Módulo MobileBottomBar (Bellevue_MobileBottomBar)
 * 10. Utilidades & Miscelánea
 * ============================================================
 */


/* ============================================================
   1. Variables globales / colores de marca
   ============================================================ */

:root {
   /* Sobreescribe aquí los colores del tema si es necesario */
   /* --brand-primary: #0E8093; */
}


/* ============================================================
   2. Tipografía
   ============================================================ */


/* ============================================================
   3. Header / Navbar
   ============================================================ */


/* ============================================================
   4. Botones
   ============================================================ */


/* ============================================================
   5. Productos & Catálogo
   ============================================================ */


/* ============================================================
   6. Footer
   ============================================================ */


/* ============================================================
   7. Responsive (mobile)
   ============================================================ */

@media (max-width: 767px) {

   .footer-middle,
   .footer-bottom {
      background: linear-gradient(to left, #1fa3ab, #20676b);
   }

   .page-header.type6.header-newskin .logo {
      min-width: calc(-18%);
      margin-left: 10% !important;
   }

   .page-header.type6 .logo {
      height: 45px;
      float: left;
      margin: 6px 0px;
   }

   .page-header.type6.header-newskin .logo img {
      width: 10.5em !important;
   }

   /* cart mobile */
   .page-header.header-newskin .minicart-wrapper .action.showcart:before,
   .page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
      width: 21px !important;
   }

   /* lupa */
   .page-header.type6.header-newskin .block-search .label:before {
      width: 23px !important;
      font-size: medium;
   }
}

@media screen and (min-width: 768px) {

   /* menu */
   .page-header.type6.header-newskin .header.content {
      padding: 28px 0 0;
   }

   /* menu - a*/
   .page-header.header-newskin .navigation .level0>.level-top {
      padding: 10px 12px;
   }

   /* lupa */
   [class^=porto-icon-]:before,
   [class*=" porto-icon-"]:before {
      padding: 2px 0;
      margin-top: 25px;
   }

   /* cart */
   .page-header.type6.header-newskin .minicart-wrapper .action.showcart:before,
   .page-header.type6.header-newskin .minicart-wrapper .action.showcart.active:before {
      font-size: 33px;
      line-height: 70px !important;
   }

   /* title */
   h2.hero-banner {
      margin-top: 10px;
   }
}

/* .products-grid.products-grid.grid {
   display: grid;
   align-self: center;
   align-items: center;
   justify-items: center;
   justify-content: center;
} */

/* ============================================================
   8. Módulo MobileMenu (Bellevue_MobileMenu)
   ============================================================ */


/* ============================================================
   9. Módulo MobileBottomBar (Bellevue_MobileBottomBar)
   ============================================================ */


/* ============================================================
   10. Utilidades & Miscelánea
   ============================================================ */

main#maincontent {
   padding: 20px;
}