@charset "UTF-8";
/*!
 * Servir Gt
 * Copyright 2011-2023 Servir Gt
 */


/*--------------------------------------------------------------------------------- Estilos CendisTheme estandares -------------------------------------------------------- */
/* -------------------------  Estandar de tipografias y tamanos de fuentes -------------------------  */


  @import url('templates/carrito-checkout/carrito.css');
  @import url('templates/carrito-checkout/checkout.css');
  @import url('templates/carrito-checkout/compartidos-checkout-carrito.css');
  @import url('templates/generales/generales.css');
  @import url('templates/meditrack/meditrack.css');
  @import url('templates/carga-archivos/carga-archivos.css');
  @import url('templates/ingresar-vista-producto/ingresar-vista-producto.css');
  @import url('templates/vista-producto-individual/vista-producto-individual.css');
  @import url('templates/perfil/solicitar-aumento-credito.css');
  @import url('modal-confirmacion-solicitud.css');
  @import url('modal-loader.css');
  @import url('templates/estilos-responsive/responsive-generales.css');
  @import url('templates/estilos-responsive/index-responsive.css');
  /* @import url('templates/estilos-responsive/404-responsive.css');  */
  @import url('templates/perfil/perfil.css');
  @import url('templates/marcas/marcas-categorias.css');
  @import url('templates/registro/actualizacion-datos.css');
  @import url('templates/contacto/contacto.css');
  @import url('templates/registro/recuperar-contrasena.css');
  @import url('templates/banners/banners.css');
  @import url('templates/perfil/modal-cerrar-sesion.css');
  @import url('templates/grupos/grupos-especialidad.css');
  @import url('templates/productos-agotados/productos-agotados.css');
  @import url('templates/contenedor-advertencias/contenedor-advertencias.css');
  @import url('templates/activacion-usuario/licencia-sanitarai.css');
  /*@import url('templates/plantilla-emails/emails.css');*/

  
  html, .root, body {
    font-size: 16px;
    word-wrap: break-word;

    --azul-nueva-marca: #0D1C43;
    --oxford-blue: #031130;
    --penn-blue: #051E55;
    --green-blue: #0066B3;
    --ultra-violet: #644A9E;
    --pumpkin: #F37021;
    --harvest-gold: #E8A205;
    --isabelline: #F9F5F3;
    --white: #FFFFFF;
    --silver: #C4C4C4;

    --white80: rgba(255, 255, 255, 0.80);



    --AzulCendis: #001e61;
    --AmarilloCendis: #FFC629;

    --border-radius-btns: 0.438rem;
    --border-radius-containers: 2rem;

    font-family: 'Karla', sans-serif;

  }

  body{
    padding-top: 4rem;
  }


  main.contenido-principal, div.contenido-principal, section.contenido-principal{
    padding-top: 13vh;
    padding-bottom: 60px;
    background-color: var(--oxford-blue);
  }

  main.contenido-principal.logged{
    padding-top: 0;
    padding-bottom: 60px;
  }


  main.contenido-principal.dark, div.contenido-principal.dark, section.contenido-principal.dark{
    background-color: var(--oxford-blue);
    color: var(--white);
  }

  main.contenido-principal.light, div.contenido-principal.light, section.contenido-principal.light{
    background-color: var(--white);
    color: var(--oxford-blue);
  }

  main.centrado-general,section.centrado-general,div.centrado-general{
    width: 95%;
    margin: auto;
  }


 .contenedor-principal{
    padding: 0 86px 0 86px;
  }

  main.principal.estilos-v2 h2{
   /* font-size: 36px;*/
    font-size: 2.20rem;
    font-weight: 600;
    font-style: normal;
  }


    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
      margin-bottom: 0;
      line-height: 1;
    }


    .ft-28-home-hero-text > p {
      color: #FFF;
      /*text-align: left; habilitar cuando este el nuevo hero*/
      text-align: center; 
      font-family: 'Karla';
      font-size: 28px;
      line-height: 38.304px;
    }

    .parrafo-buscador {
      font-size: 24px;
      color: #FFF;
      text-align: left;
      font-family: 'Karla';
      line-height: 38.304px;
    }

    ul{
      padding: 0;
    }

    .texto-centrado{
      text-align: center;
    }


    .nav-pills .nav-link.active{
      background-color: #0d6dfd00;
    } /* Revisar */

    main.contenido-principal.logged, div.contenido-principal.logged{
      width: 95%;
      margin: auto;
      /* padding: 20px; */
    }

    /* Generales woocommerce */

    h1.azul{
      color: var(--AzulCendis);
    }

    a.boton-primario, button.boton-primario{
      padding: 15px 20px 15px 20px;
      border-radius: 7px;
      background-color: var(--AzulCendis);
      color: white;
      max-width: 100%;
      font-family: 'Karla';
      font-size: 20px;
    }

    a.boton-primario.amarillo, button.boton-primario.amarillo, a.boton-primarioV2.amarillo, button.boton-primarioV2.amarillo{
      background-color: var(--AmarilloCendis);
      color: black;
    }

    a.boton-primarioV2, button.boton-primarioV2{
      padding: 12px 20px 12px 20px;
      border-radius: 5px;
      background-color: var(--AzulCendis);
      color: white;
      max-width: 100%;
    }


    img.img-contain {
      width: 100%;
      object-fit: contain;
    }

    .espacio_interno{
      padding: 27px;
    }

    .contenedor-gris-general{
      padding: 30px;
      border-radius: 7px;
      background: #F4F5F5;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }

    div.mensaje-credito{
      padding: 10px;
      border-radius: 7px;
      border: 1px solid #000;
    }

    div.mensaje-credito.error{
      background-color: rgba(194, 0, 0, 0.30);

    }

    div.mensaje-credito.informativo{
      background-color: #EBF1FF;

    }

    .woocommerce-message {
      border-top-color: #FFC629;
    }

    /**/

    .hover-celeste-cendis:hover{
      background-color: #EBF1FF;
    }

    .hover-borde-azul-cendis:hover{
      border: 2px solid var(--AzulCendis) ;
    }



    .bg-oxford-blue {
      background-color: var(--oxford-blue);
    }

    .bg-penn-blue {
      background-color: var(--penn-blue);
    }

    .bg-light-gray {
      background-color: #E8E8E8;
      color: #000;
    }

    .bg-new-gray {
      background-color: #F4F5F5;
      color: #000;
    }

    .bg-green-blue {
      background-color: var(--green-blue);
    }

    .bg-ultra-violet {
      background-color: var(--ultra-violet);
    }

    .bg-pumpkin {
      background-color: var(--pumpkin);
    }

    .fc-white80 > p, .fc-white80 > h6 {
      color: var(--white80)
    }

    .fc-white {
      color: var(--white)
    }

    .fc-harvest-gold {
      color: var(--harvest-gold);
    }

    .fc-silver{
      color: var(--silver);
    }
    .pd-standard {
      padding: 0 4%;

      /*margin-bottom: 2%;*/
    }

    .row.g-0.ContenedorContenido .contenedor-genera-categorias {
      margin-top: 5rem;
  }

  a.category-card.aos-init.aos-animate:hover p.underline {
    text-decoration: underline;
    color: black;
}
 /* .contenido-principal .ContenedorContenido  .row {
    margin-top: 50px;
  } */



    .pd-sections {
      padding: 100px 79px;
    }

    .pd-wide {
      padding: 4% 6%;
    }

    .vh-90 {
      height: 80vh;
    }

    .p-26 > p, .p-26-primer-elemento p:first-child{
      font-size: 26px;
      font-family: 'Karla', sans-serif;
    }


    .p-24 p, .p-24 span, .p-24-ultimo-elemento p:last-child{
      font-size: 1.5rem;
      font-family: 'Karla', sans-serif;
    }

    .btns-style {
      font-size: 1.25rem;
      font-family: 'Karla-Medium', sans-serif;
      display: flex;
      align-items: center;
      gap: 5px;
    }


    h1 {
      font-family: 'Karla-Bold';
      /*font-size: 4.125rem ;
      font-family: 'Karla-ExtraBold', sans-serif ;*/
    }



    .btns {
      border: none;
      border-radius: var(--border-radius-btns);

      color: var(--white);
    }






  /* Terminan Estilos Generales */





                                             /* Vista de Personalizado Index */
  /* ---------------------------------------------------------------------------------------------------------------------------- */

    main.contenido-principal.v1{
      padding: 12vh 0vh 5vh 0vh;
    }



    main#home-logged{
      display: grid;
      grid-template-columns: 100%;
      /* grid-template-rows: repeat(7, 448px); */
      grid-template-rows: auto;
      grid-template-areas:
      "slider-top"
      "beneficios"
      "productos-ofertados"
      "productos-especialidad"
      "slider-bottom"
      "productos-volver-comprar"
      "categorias"
      ;
      grid-row-gap: 30px;
      margin-top: 5rem;
    }

    /* Areas */
      main#home-logged .productos.ofertados{
        grid-area: productos-ofertados;
        /* background-color: grey; */
      }

      main#home-logged .productos.especializados{
        grid-area: productos-especialidad;
        /* background-color: grey; */
      }

      main#home-logged .volver-a-comprar{
        grid-area: productos-volver-comprar;
        /* background-color: grey; */
      }

      main#home-logged section.categorias{
        grid-area:categorias;
      }


    .beneficios {
      font-family: 'Karla';
      font-size: 20px;
    }

    .beneficio.item {
      display: flex;
      gap: 4%;
      /* width: 100%; */
    }


    /* Slider productos */
    .slider_productos .slick-list .slick-track .producto.tarjeta.frontal.slick-slide .contenido, .producto.tarjeta.frontal .contenido{
      margin: 0px;
      display: flex ;
      flex-wrap: wrap;
      /* width: 17vw ; */
      justify-content: center;
      border-radius: 7px;
      /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
      line-height: 23.38px;
      font-size: 1.25rem;
      position: relative;
    }

   div.slick-list div.slick-track{
      display: flex;
      gap: 25px;
    }

    section.productos{
      height: auto;
      margin: 0;
    }

    section.productos h3 {
      margin-bottom: 10px;
    }

    .slick-slider {
      height: min-content;
      margin-bottom: 5px;
    }
    .slick-slider .slick-track, .slick-slider .slick-list {
      /* height: min-content; */
      margin-bottom: 5px;
    }


  div.producto.tarjeta.frontal.borde-activo {
       box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 7px;
    }

    

    .contenedor-componente-producto {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 2rem;
      padding-top: 4rem;
    }

    /* Tarjeta de producto */

    .woocommerce ul.products::before,
    .woocommerce ul.products::after,
    .woocommerce-page ul.products::before,
    .woocommerce-page ul.products::after {
    content: none; /* Elimina el contenido agregado por WooCommerce */
    display: none; /* Oculta los elementos ::before y ::after */
    }

    .producto.tarjeta.frontal .img{
      width: 100%;
      background-color: #EDF1F4;
      border-top-right-radius: 7px;
      border-top-left-radius: 7px;
    }


    .producto.tarjeta.frontal .data-logueado, .producto.tarjeta.frontal .data{
      display: flex;
      width: 95%;
      flex-wrap: wrap;
      row-gap: 10px;
      margin: 28px 0px 28px 0px;
      height: 9rem;
      z-index: 1;
    }

    .producto.tarjeta.frontal .data-deslogueado{
      display: flex;
      width: 95%;
      flex-wrap: wrap;
      row-gap: 10px;
      margin: 28px 0px 28px 0px;
      height: 6rem;
      z-index: 1;
    }



    .nombre-producto-info, .nombre-producto-info a p {
      height: 3rem;
      margin: 0px 0 4% 0;
      overflow: hidden;
      font-family: 'Karla-ExtraBold';
    }

    .fabricante-producto-info {
      height: 3rem;
      margin: 0 0 4% 0;
      font-family: 'Karla';
      overflow: hidden;
      text-overflow: ellipsis;
    }


    @-moz-document url-prefix() {
      .precio-producto-info {
        display: grid;
        grid-template-columns: 2fr 1fr;
        height: fit-content;
        margin-top: 10px;
        font-family: 'Karla-Bold';
        align-items: center;
      }

      .fabricante-producto-info {
        height: 3rem;
        margin: 0 0 4% 0;
        font-family: 'Karla';
      }

      .nombre-producto-info {
        height: 3rem;
        margin: 0px 0 4% 0;
        overflow: hidden;
        font-family: 'Karla-ExtraBold';
      }

    }

    .precio-producto-info {
      display: grid;
      grid-template-columns: 2fr 1fr;
      height: fit-content;
      margin-top: 10px;
      font-family: 'Karla-Bold';
      align-items: center;
    }



    .agregar-al-carrito {
      display: grid;
      justify-content: end;
    }

    .icono-agregar-al-carrito,
    .icono-agregado-al-carrito {
      border: none;
      padding: 0;
      background: none;
    }

    .producto.tarjeta.frontal .info {
      width: 100%;
    }

    .icono-agregado-al-carrito {
      display: none;
    }

    section.categorias .showcase {
      font-family: 'Karla';
      font-size: 20px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
      grid-gap: 30px;
      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
      margin-top: 2rem;
      justify-content: center;
    }

    a.ver-categorias {
      align-content: end;
      text-align: end;
      text-decoration: underline;
      font-family: 'Karla-Medium';
      text-decoration-thickness: 1px;
    }

    .contenedor-categorias-titulo {
      display: grid;
      grid-template-columns: 3fr 1fr;
    }

    section.categorias .showcase .categoria .data .info p{
      color: #000;
      /*font-size: 1.5rem;*/
    }

    section.categorias .categoria.tarjeta:hover p.bold {
      text-decoration: underline;
      color: black;
    }

    section.categorias .categoria.tarjeta {
      display: flex;
      height: 264px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background:#EDF1F4;
      border-radius: 7px;
      text-align: center;
      padding: 0 14px;
    }


  /*
.producto.tarjeta.frontal .info {
    display: grid;
    grid-template-columns: 1fr;
  }


.producto.tarjeta.frontal .fabricante-producto-info,
.producto.tarjeta.frontal .categoria-producto-info,
.producto.tarjeta.frontal .precio {
  height: 40px;
  flex-grow: 1;
}
*/
/*Fin prueba*/


  /* Termina personalizado index*/



                                                /* Vista de personalizado perfil */
  /* ---------------------------------------------------------------------------------------------------------------------------- */

                                            /* Estandares de seccion personalizado perfil */
    /* ---------------------------------------------------------------------------------------------------------------------------- */


      main.principal.personalizado.perfil.estilos-v2{
        display: grid;
        width: 100%;
        grid-template-columns: 20% 80%;
        grid-template-rows: auto;
        grid-template-areas: "side-bar contenedor-perfil";
        min-height: 730px;
      }

      @media (max-width: 1200px) {
        main.principal.personalizado.perfil.estilos-v2{
          display: grid;
          width: 100%;
          grid-template-columns: 20% 80%;
          grid-template-rows: auto;
          grid-template-areas: "side-bar contenedor-perfil";
          min-height: 0px;
        }
      }


      main.principal.personalizado.perfil.estilos-v2 .display-grid-yes{
        background-color: #F4F5F5;
        padding: 9vw 5%;
      }
      main.principal.personalizado.perfil.estilos-v2 .display-no{
        display: none ;
      }

      section#opcion-miPerfil,section#opcion-pedidos, section#opcion-saldar-deuda,section#opcion-credito, section#opcion-credito-express, section#opcion-solicitar-credito{
        grid-area: contenedor-perfil;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        padding: 9vw 3vw 3vw 3vw;
        background-color: #F4F5F5;
      }

      .solicitar-credito {
        border-radius: 7px;
        background: #FFF;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 20px 25px;
        margin-top: 25px;
      }

      .solicitar-credito p {
        text-align: justify;
        line-height: normal;
        margin-bottom: 1%;
      }

      button.boton-solicitar-credito.boton-credito-express{
        grid-column: 2;
        justify-self: end;
        border-radius: 7px;
        padding: 15px 40px;
      }
    /* Termina estandares de vista personalizado perfil*/


                                                            /* Seccion side-bar */
    /* ---------------------------------------------------------------------------------------------------------------------------- */

      main.principal.personalizado.perfil.estilos-v2 #side-bar{
        grid-area: side-bar;
        padding-top: 9vw;
        height: 100vh;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#perfil {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 65px;
        text-align: center;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#perfil img{
        width: 50%;
        margin: auto;
        margin-bottom: 3%;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        gap: 20px;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu button div{
        display: flex;
        align-items: center;
        gap: 8px;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu button.active{
        background-color: #EDF1F4;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu button{
        color: black;
        background-color: transparent;
      }

    /* Termina seccion side-bar*/



                                                          /* Seccion perfil */
    /* ---------------------------------------------------------------------------------------------------------------------------- */

                                                        /* Compartidos de seccion  */
      /* ---------------------------------------------------------------------------------------------------------------------------- */
        section#opcion-miPerfil section#mi-perfil div.titulo,
        section#opcion-miPerfil section#mis-direcciones div.titulo,
        section#opcion-pedidos div h2, section#opcion-saldar-deuda div h2,
        section#opcion-credito h2, div.titulo
        {
          margin-bottom: 20px;
        }


      /* Termina contenedor Perfil->perfil->mi perfil */


                                                        /* Contenedor Perfil->perfil->mi perfil  */
      /* ---------------------------------------------------------------------------------------------------------------------------- */
        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil{
          grid-area: mi-perfil;
          /* background-color: pink; */
          font-family: 'Karla';
        }

        section#opcion-miPerfil{
          grid-template-areas:
          "mi-perfil"
          "mis-direcciones";
        }


        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil .contenido{
          display: grid;
          /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
          grid-template-columns: 1fr 1fr 1fr;
          height: auto;
          gap: 50px;

        }

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil div.info-perfil{
          height: 123px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 28px;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 7px;
          background-color: white;
        }

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil div.info-licencia-sanitaria{
          height: 148px;
          margin: 0;
        }

        section#opcion-miPerfil section#mi-perfil div#cambio_contraseñas{
          background-color: var(--AmarilloCendis);
        }

        section#opcion-miPerfil section#mi-perfil div#editar_perfil{
          background-color: var(--AzulCendis);
          color: white;
        }


      /* Termina contenedor Perfil->perfil->mi perfil */


                                            /* Contenedor perfil->direcciones */
      /* ---------------------------------------------------------------------------------------------------------------------------- */

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones{
          grid-area: mis-direcciones;
          height: auto;
          /* background-color: purple; */
        }

        section#mis-direcciones div.titulo{
          margin-top: 20px;
        }

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones .contenido{
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
          height: auto;
          gap: 50px;
          font-size: 1.20rem;
        }

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones div.contenido-direccion{
          display: grid;
          grid-template-columns: 1fr;
          justify-content: center;
          padding: 28px;
          height: 255px;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 7px;
          background-color: white;
          align-content: space-between;
        }

        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones div#nueva_direccion{
          display: grid;
          background-color: transparent;
          border: 3px dashed black;
          border-radius: 7px;
          height: 255px;
          align-content: center;
          justify-items: center;
        }


        /*.agregar-direccion {
          height: 100%;
          display: grid;
          justify-items: center;
          align-content: center;
        }*/
        main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones div#nueva_direccion img{
          width: 25%;
        }
      /* Termina contenedor Perfil->perfil->direcciones*/


                                                                     /*  Perfil->pedidos */
      /* ---------------------------------------------------------------------------------------------------------------------------- */

        section#opcion-pedidos, section#opcion-saldar-deuda{
          grid-template-columns: 100%;
        }

        section#opcion-pedidos div.contenedor-pedidos, section#opcion-saldar-deuda div.contenedor-pedidos{
          height: auto;
          display: grid;
          grid-template-areas:
          "imgs"
          "info"
          "botones"
          ;
          grid-template-columns:100%;
          gap: 35px;
          padding: 30px 50px 30px 50px;
          border-radius: 7px;
          margin-bottom: 30px;
          background-color: white;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        }

        section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs{
          grid-area:imgs;
          display: grid;
          grid-template-columns: 6fr 1fr;
          gap: 30px;
        }

        /* .botones {
          grid-area: botones;
          position: absolute;
          justify-self: end;
        } */

        #solicitar-ayuda {
          display: flex;
          width: max-content;
          padding: 15px 20px;
          justify-content: center;
          align-items: center;
          background-color: white;
          color: black;
          border: 1px solid black;
          border-radius: 10px;
          margin-top: 1.25rem;
        }

        section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs div.imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs div.imgs {
          /* width: 80%; */
          display: grid;
          grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
          gap: 15px;

        }

        section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs div.imgs div.img-producto, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs div.imgs div.img-producto{
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #EDF1F4;
          height: 130px;
          border-radius: 7px;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        }



        section#opcion-pedidos div.contenedor-pedidos div.contenedor-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info{
          grid-area:info;
          display: grid;
          grid-template-columns: repeat(5, max-content);
          gap: 25px;
          width: 80%;
        }

        @media (min-width: 1400px) {

          section#opcion-pedidos div.contenedor-pedidos div.contenedor-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info{
            grid-area:info;
            display: grid;
            grid-template-columns: repeat(6, max-content);
            gap: 25px;
            width: 80%;
          }
        
        }

        @media (max-width: 1200px) {
          div.botones.botones-pedidos{
            justify-items: center !important;
          }
        }

        section#opcion-pedidos div.contenedor-pedidos div.contenedor-info .pedido-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info .pedido-info {
          border-right: 1px solid black;
          /* height: fit-content; */
          /* width: fit-content; */
          padding-right: 25px;
        }

        section#opcion-pedidos div.contenedor-pedidos div.contenedor-info .pedido-info.pedido-info-entregado, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info .pedido-info.pedido-info-entregado{
          border: none;
        }

        div.botones.botones-pedidos {
          justify-items: end;
        }

      /* Termina Perfil->pedidos */


                                                                     /*  Perfil->crédito */
      /* ---------------------------------------------------------------------------------------------------------------------------- */

        section#opcion-credito div.contenido{
          display: grid;
          grid-template-columns:2.5fr 1.7fr;
          grid-template-rows: auto;
          gap: 30px;
          align-content: center;
          margin-top: 27px;
        }

        section#opcion-credito div.contenido div.opcion-credito{
          padding: 25px;
          border-radius: 7px;
          background-color: white;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          display: grid;
          align-content: start;
          line-height: normal;
          /* min-height: 415px; */
          position: relative;
          /*gap: 13px;*/
        }

        .opcion-credito.facturas-pendientes-no-saldar-deuda {
          grid-column: span 2;
      }

        section#opcion-credito div.contenido div.opcion-credito .ft-24.bold {
          margin-bottom: 13px;
        }

        section#opcion-credito div.contenido div.opcion-credito.opcion-saldar-deuda p.ft24{
          margin-bottom: 20px;
        }

        .opcion-credito.opcion-saldar-deuda {
          display: grid;
          grid-template-rows: auto 1fr auto;
      }

      button.boton-primario.boton-saldar-deuda {
        align-self: end;
      }

      .aumento-credito.opcion-credito {
        gap: 13px;
      }

      button.boton-primario.amarillo.boton-aumento-credito {
        margin-top: 17px;
        font-family: 'Karla-Medium';
      }


        section#opcion-credito div.contenido div.opcion-credito#credito-varias{
          background-color: transparent;
          display: grid;
          grid-template-columns: 1fr;
          padding: 0;
          gap: 18px;
          box-shadow: none;
        }

        section#opcion-credito div.contenido div.opcion-credito div.opciones-credito-varias{
          display: flex;
          gap: 10px;
          justify-content: space-between;
          align-items: center;
          border-radius: 7px;
          padding: 20px 25px 20px 25px;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          background-color: white;
        }

        .boton-saldar-deuda, .boton-aumento-credito, .boton-solicitar-credito {
          width: fit-content;
        }

        #opcion-credito .boton-saldar-deuda,  #opcion-credito .boton-solicitar-credito {
          background-color: var(--azul-nueva-marca);
        }

        .boton-solicitar-credito a{
          color: white;
        }

        .barra-credito {
          height: 2.375rem;
          width: 100%;
          background: linear-gradient(to right, #BB2929 33%, #D9D9D9 33%, #D9D9D9 100%);
          margin: 2% 0;
          border-radius: 3px;
        }

        .credito-mas-porcentaje {
          display: grid;
          grid-template-columns: 3fr 1fr;
          font-family: 'Karla-SemiBold';
        }

        .credito-utilizado {
          text-align: left;
        }

        .porcentaje-credito-utilizado {
          text-align: right;
        }

        .aumento-credito.opcion-credito {
          grid-column: 1 / 2 span;
      }

      table.info-estado-facturas {
        font-size: 20px;
        width: 100%;
      }

      .contenedor-tabla-facturas{
        width: 100%;
        margin-bottom: 20px;
      }


     .info-estado-facturas td[data-estado="Pagada"] {
      border-radius: 5px;
      background: #5BCC8A;
      color: #FFF;
      font-family: Karla;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      width: 115px;
      display: flex;
      padding: 5px 10px;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 16px;
      justify-content: center;

    }

    .info-estado-facturas td[data-estado="Parcial"] {
      border-radius: 5px;
      background: #644A9E;
      color: #FFF;
      font-family: Karla;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      width: 115px;
      display: flex;
      padding: 5px 10px;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 16px;
      justify-content: center;
    }

    .info-estado-facturas td[data-estado="Vigente"] {
      border-radius: 5px;
      background: #0066B3;
      color: #FFF;
      color: #FFF;
      font-family: Karla;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      width: 115px;
      display: flex;
      padding: 5px 10px;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 16px;
      justify-content: center;
    }


    /* Estilo para el estado "Vencida" */
    .info-estado-facturas td[data-estado="Vencida"] {
      border-radius: 5px;
      background: #C20000;
      color: #FFF;
      font-family: Karla;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      width: 115px;
      display: flex;
      padding: 5px 10px;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 16px;
      justify-content: center;
    }

    .estado-factura{
      width: 95px;
    }


    .opcion-credito.tabla-facturas {
      grid-column: 1 / 2 span;
  }

/*CREDITO EXPRESS*/

        .perfil-credito-express {
          display: grid;
          grid-template-columns: 1fr 2fr;
          gap: 5%;
          margin-top: 24px;
        }

        .documentos-requeridos, .info-credito-express {
          border-radius: 7px;
          background: #FFF;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        }

        .info-credito-express {
          display: inline-flex;
          padding: 20px 25px 18px 25px;
          flex-direction: column;
          gap: 13px;
        }

        .info-credito-express p {
          text-align: justify;
          line-height: normal;
        }

        .documentos-requeridos {
          padding: 20px 25px;
        }

        #opcion-credito .documentos-requeridos .contenedor_archivo, #opcion-credito .documentos-requeridos .contenedor_archivo-vencimiento {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-bottom: 5.5%;
          justify-content: space-between;
        }


        .cerrar-modal-solicitud-aumento-responsive{
          display: none;
        }

        /* Termina crédito expres*/


      /* Termina Perfil->crédito */



      /*perfil responsive */

      @media (max-width: 375px) {
        .slick-slider .slick-track, .slick-slider .slick-list {
          height: min-content;
          margin: 0 -5px 5px -7px;
        }
      }
      @media (max-width: 1200px) {

        /* tr.contenedor-td-vacio, .woocommerce table.shop_table td.vacio {
          display: none;
        } */

        .contenedor-buscador-tags {
          grid-template-columns: 1fr;
          margin-top: 20px;
          gap: 20px;
        }

        input.input-buscador-tienda {
          width: 100%;
        }


        .home-hero.contenedor-principal.padding-top-deslogueado .home-hero-text.ft-28-home-hero-text.aos-init.aos-animate {
          justify-items: center;
        }

        .ft-28-home-hero-text > p, .parrafo-buscador {
          text-align: center;
        }

        div.opciones-hero {
            max-width: 575px;
            justify-self: center;
        }

        div.opciones-hero .search-form {
          width: 100%;
        }

        .botones-hero {
          justify-content: center;
        }

        div.product_meta_categoria{
          margin:0 0 20px 0;
        }

        .p-26 > p, .p-26-primer-elemento p:first-child{
          font-size: 19px;
          font-family: 'Karla', sans-serif;
        }

        main.principal section#opcion-editar, div.cambio-de-contrasena, div.agregar-nueva-direccion {
          padding: 20px 5%;
        }
        .pd-sections {
          padding: 4% 4%;
        }

        div.registro_pasos.solicitud-credito div.contenedor_formularios {
          padding-top: 100px;
      }

        main.principal.personalizado.perfil.estilos-v2{
          margin-top: 82px;
          grid-template-columns: 100%;
          grid-template-areas:
          "side-bar"
          "contenedor-perfil";

        }


      main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil .contenido,
      main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mis-direcciones .contenido,
      main.principal.personalizado.perfil.estilos-v2 section#opcion-credito .contenido
      {
        grid-template-columns: 100%;
      }

        main.principal.personalizado.perfil.estilos-v2 section#side-bar section#perfil{
            display: none;
        }
        main.principal.personalizado.perfil.estilos-v2 #side-bar {
          height: auto;
          padding-top: 0;
      }
      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 35px 10px 10px;
        gap: 2px;
        align-items: center;
      }

      section#opcion-miPerfil, section#opcion-pedidos, section#opcion-saldar-deuda, section#opcion-credito, section#opcion-credito-express, section#opcion-solicitar-credito {
        padding-top: 20px;
      }

      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu button div {
        display: grid;
        gap: 8px;
        align-items: center;
        justify-items: center;
      }
      main.principal.personalizado.perfil.estilos-v2 section#side-bar section#menu button{

        padding: 15px 10px;

      }

      button#button-perfil, button#button-pedidos, button#cerrar_sesion, button#button-credito {
        width: 100%;
    }

    .opcion-credito.facturas-pendientes-no-saldar-deuda {
      grid-column: unset;
  }

      div.opciones-credito-varias .icono {
        display: none;
    }

    section#opcion-credito div.contenido div.opcion-credito#credito-varias{
      gap: 16px;
    }

    section#opcion-pedidos div.contenedor-pedidos, section#opcion-saldar-deuda div.contenedor-pedidos {
      display: grid;
      grid-template-areas:
          "imgs"
          "botones"
          "info";
      gap: 30px;
      padding: 15px;
    }

    section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs{
      grid-template-columns: 1fr;
      gap: 15px;
    }

    div.botones{
      grid-template-columns: 1fr 1fr;
    }

    .botones{
      grid-area: unset;
      margin-top: 0;
      position:unset;
      justify-self: center;
      gap: 10px;
    }

    a#ver-pedido, a#solicitar-ayuda{
      width: auto;
      display: grid;
      padding: 10px;
      align-items: center;
    }

    div.departamento-municipio{
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .agregar-direccion {
      display: grid;
      gap: 20px;
      justify-items: center;
    }

    div.agregar-direccion div.codigo-postal{
      width: 100%;
      padding: 0;
      margin: 0;

    }

    button.btn-guardar-direccion, div.nombre-identificativo-direccion, div.nueva-direccion, div.departamento-municipio, div.agregar-nueva-direccion div.agregar-direccion input{
      width: 100%;
    }

    div.agregar-nueva-direccion input {
      padding: 8px 10px
    }

    #opcion-cambiar-contrasena div.cambio-de-contrasena div.cambiar-contrasena {
      width: 100%;
      margin: 20px 0;
      display: grid;
      gap: 20px;
    }

    #opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena .nueva-contrasena p.ft-24 {
      color: black;
    }

    div.barra-seguridad {
      grid-template-columns: 2fr 1fr;
    }

    #opcion-cambiar-contrasena div.cambio-de-contrasena div.cambiar-contrasena button.btn-cambiar-contrasena {
      width: 100%;
    }

    div.editar-perfil div.info-perfil-editable{
      grid-template-columns: 1fr;
      margin: 5% 0 0 0;
    }

    div.editar-licencia-sanitaria{
      margin-top: 50px;
    }

    div.info-licencia-sanitaria{
      grid-template-columns: 1fr;
    }

    div.info-licencia-sanitaria div.subir-lic-sanitaria div.licencia-sanitaria-perfil {
      width: 100%;
    }

    div.contenedor-input-carga-archivo{
      justify-content: center;
      height: 40px;
      width: 100%;
    }

    input#input_licencia_sanitaria-fecha-vencimiento.fecha-vencimiento.carga-archivo-lic-s-registro
    {
      height: 40px;
    }
    div.info-archivo {
      width: unset;
    }

    button.btn-guardar-cambios{
      width: 100%;
    }

    div.mensaje-edicion-no-permitida {
      /* left: 18%; */
      width: auto;
      height: auto;
    }

    .pedidos-pendientes-de-pago {
      margin-top: 20px;
    }

    .pedidos-pendientes-de-pago div.botones {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    div.pedidos-pendientes-de-pago div.botones p.ft-28, div.pedidos-pendientes-de-pago div.botones a#ver-pedido{
      margin: 0;
    }


    .pedidos-pendientes-de-pago .boton.morado#saldar-deuda {
      width: 100%;
    }


    div.perfil-credito-express{
      gap: 15px;
    }

    div.documentos-requeridos{
      margin-bottom: 30px;
    }

    div.perfil-credito-express{
      grid-template-columns: 1fr;
     }


     #opcion-credito div.documentos-requeridos div.contenedor_archivo, #opcion-credito div.documentos-requeridos div.contenedor_archivo-vencimiento {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      flex-direction: column;
      margin-bottom: 20px;
     }

     div.subir-documentos-faltantes div.contenedor_archivo p.texto_archivo, div.subir-documentos-faltantes div.contenedor_archivo-vencimiento p.texto_archivo{
      margin-bottom: 5px;
     }

     div.fondo-aumento-credito .img-fondo-aumento-credito {
      display: none;
     }

     .cerrar-motivo-solicitud{
      display: none;
     }

     section.titulo-solicitud {
      border-top-right-radius: 20px;
      border-bottom-left-radius: 0px;
      height: fit-content;
    }

    section.motivo-aumento-credito div.motivo-solicitud {
      margin: 10px 20px;
    }

    div.titulo-aumento-credito {
      width: 90%;
      margin: 5px 20px 20px 20px;
    }

    section.motivo-aumento-credito div.motivo-solicitud {
      margin: 0 20px;
    }

    main.modal-contenido {
      grid-template-columns: 1fr;
    }

    .cerrar-modal-solicitud-aumento-responsive{
      width: 100%;
      display: grid;
      background-color: transparent;
      grid-template-columns: 1fr;
      justify-items: end;
      padding: 20px 20px 0 0;
    }

    .aumento-credito.opcion-credito {
      grid-column:unset;
    }

  }

  @media screen and (max-width: 1200px) {




    button.boton-solicitar-credito.boton-credito-express{
      grid-column: unset;
      width: 100%;
     }

     div.subir-documentos-faltantes div.contenedor_archivo label.sub_contenedor_adjunto, div.subir-documentos-faltantes div.contenedor_archivo-vencimiento label.sub_contenedor_adjunto
     {
       width: 80%;
       padding: 0;
       
     }

     .slide.info ul {
      display: flex;
      width: fit-content;
      flex-direction: column;
      margin: auto;
    }

  }
  @media (min-width: 1200px) and (max-width: 1369px) {
    #opcion-credito .documentos-requeridos .contenedor_archivo, #opcion-credito .documentos-requeridos .contenedor_archivo-vencimiento {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      margin-bottom: 5.5%;
      justify-content: space-between;
      flex-direction: column;
    }
}
  /*------------------------*/

  @media (min-width: 320px) and (max-width: 400px) {
  section#opcion-pedidos div.contenedor-pedidos div.contenedor-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info {
    grid-template-columns: 1fr 1fr ;
    gap: 15px;
    width: 95%;

   }

   section#opcion-pedidos div.contenedor-pedidos div.contenedor-info .pedido-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info .pedido-info {
    border-right: 1px solid black;
    /* height: fit-content; */
    /* width: fit-content; */
    padding-right: 5px;
   }
  }

  @media (min-width: 400px) and (max-width: 576px) {
    section#opcion-pedidos div.contenedor-pedidos div.contenedor-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info {
      grid-template-columns: 1fr 1fr 1fr;
      gap: 15px;
      width: 95%;

     }

     section#opcion-pedidos div.contenedor-pedidos div.contenedor-info .pedido-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info .pedido-info {
      border-right: 1px solid black;
      /* height: fit-content; */
      /* width: fit-content; */
      padding-right: 15px;
     }

    }


    @media (min-width: 576px) and (max-width: 725px) {
      section#opcion-pedidos div.contenedor-pedidos div.contenedor-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        width: 95%;

       }

       section#opcion-pedidos div.contenedor-pedidos div.contenedor-info .pedido-info, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-info .pedido-info {
        border-right: 1px solid black;
        /* height: fit-content; */
        /* width: fit-content; */
        padding-right: 15px;
       }
      }


    @media (min-width: 320px) and (max-width: 576px) {
      section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs div.imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs div.imgs{
        width: 100%;
        grid-template-columns: repeat(auto-fill, minmax(77px, 1fr));
        gap: 15px;
      }


      button#button-regresar img {
        width: 30px;
        height: 30px;
    }

    .pedidos-pendientes-de-pago div.botones {
      width: 100%;
    }

    section#opcion-saldar-deuda a#boton-carrito{
      width: 100%;
    }

    main.modal-contenido {
      height: 620px;
      width: 300px;
    }

    main.modal-contenido {
      margin: 40% auto;
    }

  }

    @media (min-width: 576px) and (max-width: 768px) {
      section.categorias .showcase {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      }

      section.categorias .categoria.tarjeta {
        height: 200px;
      }

      section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs div.imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs div.imgs{
        width: 100%;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 15px;
      }

      main.modal-contenido {
        height: 620px;
        width: 400px;
      }

      main.modal-contenido {
        margin: 20% auto;
      }
    }

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

      button.boton-pad-15-50.btns.bg-pumpkin.btns-style.ir-a-la-tienda {
        font-size: 19px;
      }

      .home-segmentation {
        gap: 20px;
      }

      section#opcion-pedidos div.contenedor-pedidos div.contenedor-imgs div.imgs, section#opcion-saldar-deuda div.contenedor-pedidos div.contenedor-imgs div.imgs{
        width: 100%;
        grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
        gap: 15px;
      }
      button#button-regresar img {
        width: 30px;
        height: 30px;
    }

    main.modal-contenido {
      height: 620px;
      width: 400px;
    }
    main.modal-contenido {
      margin: 15% auto;
    }
    }

    @media (max-width: 768px) {
      table.info-estado-facturas, .info-estado-facturas td[data-estado="Parcial"], .info-estado-facturas td[data-estado="Vencida"], .info-estado-facturas td[data-estado="Vigente"], .info-estado-facturas td[data-estado="Cancelada"] {
        font-size: 16px;
      }


      table.info-estado-facturas, .info-estado-facturas td[data-estado="Parcial"], .info-estado-facturas td[data-estado="Vencida"], .info-estado-facturas td[data-estado="Vigente"], .info-estado-facturas td[data-estado="Cancelada"] {
        width: 100px;
      }

    }

    @media (max-width: 430px) {
      .contenedor-tabla-facturas {
        overflow-x: auto;
      }
      .info-estado-facturas {
        border-collapse: separate;
        border-spacing: 10px; /* Ajusta el valor según el espacio deseado entre columnas */
    }
    }

    .titulo-marca{
      color: white;
      margin-bottom: 32px;
    }
    /* Termina seccion perfil*/

  /* Termina VISTA Personalizado perfil */

                                               /* VISTA personalizada de 404 */
  /* ---------------------------------------------------------------------------------------------------------------------------- */
        main.principal.personalizado.not-found.estilos-v2{
          width: 100%;
          padding: 130px 0 100px 0;
          background-image: url("http://localhost/SERVIR/CENDIS-V2/wp-content/themes/CENDISTheme/assets/images/personalizado/404/fondo.png");
        }

        main.principal.personalizado.not-found.estilos-v2 div.principal{
          display: grid;
          grid-template-columns: 1fr 1fr;
          margin: 0 5%;
          height: 855px;
          padding: 44px 0px 44.001px 169px;
          gap: 533px;
          border-radius: 7px;
          background: #F4F5F5;
          position: relative;
        }
      main.principal.estilos-v2 h2.b-h2{
        font-family: Karla;
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: left;
        margin-bottom: 40px;
      }

      main.principal.estilos-v2 p.ft-28{
        text-align: left;
        margin-bottom: 40px;
      }



        main.principal.personalizado.not-found.estilos-v2 div.principal div#info{
          display: grid;
          gap: 20px;
          width: 490px;
          height: fit-content;
          margin-top: 25%;
        }

        .boton.morado#pagina-inicio-pagina-no-encontrada, .boton.azul#iniciar-sesion-pagina-no-encontrada{
          border-radius: 5px;
          width: 80%;
        }


      div#img-404 {
        position: absolute;
        right: 0px;
        top: 44px;
      }

  /* Termina VISTA 404 */

                                               /* VISTA personalizada de Carrito */
    /* ---------------------------------------------------------------------------------------------------------------------------- */

      main.principal.personalizado.carrito.estilos-v2 section.productos{
        grid-area: contenido;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 7px;
      }

      section.productos div.producto-carrito{
        display: grid;
        grid-template-columns: 1fr 2fr 1fr 1fr;
        /* justify-items: center; */
      }

      main.principal.personalizado.carrito.estilos-v2 section.side-bar{
        grid-area: side-bar;
        display: flex;
        flex-direction: column;
        gap: 50px;
      }

      section.side-bar div.proceder-checkout {
        display: grid;
        grid-template-columns: 1fr;
      }

      /* Seccion aplicar descuento en sidebar */
      section.side-bar div.proceder-checkout div#carrito_aplicar_descuento div{
        display: flex;
        gap: 15px;
      }

      div#carrito_aplicar_descuento div.coupon button.button{
        background-color: var(--AmarilloCendis);
        color: black;
      }



      /* Aplicando estilos compartidos de seccion */
        div.proceder-checkout div#carrito_otros, div.proceder-checkout div#carrito_total, div.info-facturacion div.datos-facturacion{
          display: flex;
          justify-content: space-between;
        }

        section.side-bar div.info-facturacion,  section.side-bar div.proceder-checkout{
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 7px;
          background: #FFFFFF;
        }

        /* Estilos a botones de woocommerce en carrito */
        .proceder-checkout.espacio_interno div#carrito_aplicar_descuento div.coupon button.button, .proceder-checkout.espacio_interno div#carrito_total_wc
        .cart_totals .wc-proceed-to-checkout a.checkout-button,.woocommerce-message .button{
          padding: 15px 20px 15px 20px;
          border-radius: 7px;
          max-width: 100%;
        }



    /* Termina VISTA Carrito */

    /* ----------------------------------------------------------------------------------------------------------------------------
                              *==================== VISTA - Producto individual ==============*
    ---------------------------------------------------------------------------------------------------------------------------- */
    .product_meta_FabricanteMarca.info.producto-individual p.alerta-producto{
      color: #C20000;
    }

    /*************************************************************************************************
                  *!!!!!!!!!!!!!!! Fin VISTA - Producto individual - ¡GRACIAS! !!!!!!!!!!!!!!!*
    ************************************************************************************************/


      .info.producto-individual p.precio{
        font-size: 32px;
      }

      div.forma-venta{
        display: flex;
        gap: 0.8rem;
        margin-bottom: 1%;
        background-color: #EBF1FF;
        border-radius: 5px;
        height: 43px;
        align-items: center;
        justify-content: flex-start;
        padding: 10px;
      }

      .forma-venta img{
        width: 19px;
        height: 21px;
      }

      .forma-venta p{
        font-family: 'karla-Medium';
      }

      /* La siguiente clase pertenece a woocommerce */
      span.sku_wrapper{
        font-size: 20px;
        color: #A3A1A1;
      }

      .product_meta_categoria {
        display: grid;
        gap: 15px;
        margin: 60px 0;
    }

      form.cart.producto-individual{
        display: flex;
        gap: 30px;
        margin-top: 30px;
      }

      .product_meta_FabricanteMarca p{
        font-size: 20px;
        font-weight: 500;
      }
      .product_meta_FabricanteMarca p a, .product_meta_FabricanteMarca p span{
        font-family:'Karla';
        font-weight: normal;
        font-size: unset;
      }


      .posted_in {
        font-size: 20px;
        font-weight: bold;
      }

      .posted_in a{
        font-family:'Karla';
        font-weight: normal;
      }

    .dropdown_usuario_opciones {
      display: inline-block;
      position: relative;
      margin-right: 20px;
      width: 200px;
    }

    .dropdown-options {
      display: none;
      position: absolute;
      overflow: auto;
      background-color:#fff;
      border-radius:5px;
      box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
    }

    .dropdown_usuario_opciones:hover .dropdown-options {
      display: block;
    }

    .dropdown_usuario_opciones .dropdown-options a {
      display: block;
      color: #000000;
      text-decoration: none;
      padding:10px 20px;
    }

    .dropdown_usuario_opciones .dropdown-options a:hover {
      color: #0a0a23;
      background-color: #ddd;
      border-radius:5px;
    }



.hl-container {
	display: grid;
	grid-template-columns: auto 2fr auto;
	grid-gap: 10px;

	width: 100%;
	max-width: 100%;
	/* height: f; */
	margin: 0 auto;
	padding: 0.3% 3%;
}

.hl-element:nth-child(1) {
	justify-self: start;
}

.hl-element:nth-child(2) {
	margin: 0 18%;
}

.hl-element:nth-child(3) {
	justify-self: end;
}

.input-group {
	flex: 1;
	width: 100%;
}

.hl-searchBar {
	width: 100%;
	box-sizing: border-box;
}

.hl-navpoints {
	font-size: 1.8em;
}

.hl-navpoints-user {
	font-size: 2em;
}

.hl-profileOption{
	display: flex;
	align-items: center;
}

.ttt {
	display: flex;
	align-items: center;
}


.hl-profileSegment {
	font-size: 14px;
	font-weight: lighter;
}

.dropdown-toggle::after {
	margin-top: 1%;
	margin-left: 4%;
}


.navbar-sub {
	background-color: #001E61;
	color: white;
	padding: 0;
}

div#navbarNav {
  /*margin-right: 5.599%;*/
}

.hl-sn-navoptions {
	width: 100%;
	display: flex;
	justify-content: center;
}

.hl-sn-navoptions li {
	margin: 0 2%;

}

.hl-logo {
	width: 250px;
}


.subnavbar .navbar-nav .nav-item {
	margin-right: 4.5%;
  margin-top: 5px;
}

.subnavbar .navbar-nav .last-it {
	margin-right: 0;
}

.ul-subnavbar {
	width: 100%;
	justify-content: center;
}


.subnavbar {
	background-color: var(--oxford-blue);
	padding: 0;
}

.navbar-logueado-fixed {
  height: auto;
  width: 100%;
  position: fixed;
  z-index: 1001;
  padding: 1rem 2rem;
  top: 0;
}

.sub-navbar-logueado-fixed {
  width: 100%;
  /* margin-top: 18px; */
 /* padding: 0.4rem;*/
  position: fixed;
  top: 100px;
  z-index: 1000;
}

.sub-navbar-logueado-fixed .ul-subnavbar li.nav-item a {
  font-size: 1.25rem;
  display: flex;
  gap: 5px;
  align-items: center;
}

.subnavbar .navbar-nav {
	display: flex;
  height: 42px;
	align-items: center;
	padding: 10px;
}

 li#boton-ingresar button {
  background-color: var(--harvest-gold);
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  margin: 0.5rem 1rem;
  height: 42px;
 }

 li#boton-ingresar {
  list-style-type: none;
}

/* NavBar Nuevo sitio */



/* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== CONTENEDOR SUBIR RECETA ==============*
---------------------------------------------------------------------------------------------------------------------------- */

  /* .subir-receta {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
  }

  .subir-receta p {
    color: #000;
    line-height: 1;
  }

  .receta_subir_archivo_label {
    text-align: center;
    border-radius: 7px;
    border: 2px dashed #001E61;
    background: #EBF1FF;
    height: max-content;
    width: 100%;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .receta_subir_archivo_label:active {
    background-color: #FFFFFF;
  }

  .receta_subir_archivo_label span{
    color: #0286FF;
    text-decoration-line: underline;
  }

  .receta_subir_archivo_label.dragover,
  .receta_subir_archivo_label:hover{
    border: none;
  }

  .ctn_add_nuevo_input {
    text-align: center;
  }

  #subir_receta_mensaje_error {
    color: red;
  } */

/*************************************************************************************************
              *!!!!!!!!!!!!!!! Fin VISTA - CONTENEDOR SUBIR RECETA
************************************************************************************************/


/* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== VISTA - Recbibo de pedido ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */
    .confirmationPage {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      margin-top: 2%;
  }

  .confirmationPage-main-container {
      width: 70%;
  }

  .confP-text {
      text-align: left;
      width: 100%;
  }

  .confP-layout {
      /* width: 1366px; */
      /* height: 768px; */

      width: 100%;
      height: auto;

      display: grid;
      /* grid-template-rows: repeat(auto-fit, 2fr); */
      grid-template-columns: repeat(2, 1fr);
      gap: 9% 5%;
  }

  .confP-layout-element {
      background-color:#F4F5F5 ;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      border-radius: 7px;
      padding: 1.5rem;
  }

  .confP-layout-element:nth-child(3) {
      grid-column: 1 / span 2;
      grid-row: 2;
  }

  .confP-title {
      text-align: center;
  }

  .confP-container-bold {
      font-weight: bold;
  }

  .confP-container-line {
      display: flex;
  }

  .confP-container-line span {
      margin-left: 1.3%;
  }

  .confP-container-normal {
      margin-top: 5%;
  }


  .confP-table-order {
      width: 100%;
  }

  .confP-table-order td {
      padding: 2% 0;
  }

  .confP-table-order-item {
      width: 10%;
      text-align: right;
  }

  .confP-table-order-item-wide {
      width: 14%;
  }


  .home-hero-img.aos-init.aos-animate{
    height: fit-content;
    width: 100%;
  }

/********************************************
*       Fin de la Sección recibo de pedidos- ¡GRACIAS! *****
********************************************/

/* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== MAQUETA - Footer de seccion ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

  /* Estilos base para pantallas de tamaño regular a grande */
  @media (min-width:1201px) {


  footer#footer_v2 {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 7%;
    background-color: var(--oxford-blue);
  }

footer#footer_v2 section#menu {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  grid-gap: 5%; /* Agrega espacio entre las columnas */
  text-align: left; /* Alineación izquierda por defecto para pantallas de tamaño regular a grande */
  padding-top: 25.5px;
}
}

/* Estilos comunes para el footer y el copyright */
footer#footer_v2 section#menu, section#copyright {
  background-color: #031130;
  color: #FFF;
}

/* Estilos para enlaces */

footer#footer_v2 section#menu div ul li {
  list-style: none;
}

footer#footer_v2 section#menu div ul li a {
  color: #FFF;
  text-decoration: none;
}

footer#footer_v2 section#menu div ul li a.titulo {
  color: #8A8A8E;
}

.footer#footer_v2 section#menu .BotonesContacto a {
  text-align: center;
}

/* Estilos para el copyright */
section#copyright {
  display: grid;
  justify-content: center;
  padding: 48px 0 20px 0;
  text-align: center;
}


.btn-telefono {
  display: none;
}


#LogoFooter{
  margin-left: 6.25rem;
}
/*Falta arreglar tamaño de botones contacto y wp para que sean iguales*/

/********************************************
*       Fin de la Sección - ¡GRACIAS! *****
********************************************/




  /* ----------------------------------------------------------------------------------------------------------------------------
                        *==================== VISTA/MAQUETA - Home V2 LUCA ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */
    .home-hero-container {
      /*margin-top: 2%;*/
      display: flex;
      /* align-items: center; */
    }

    .home-hero {
      margin-bottom: 3%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 65px;
      max-width: 100%;
      align-items: center;
      padding-top: 45px;
    }

    .home-hero-text {
      text-align: left;
      padding: 0 1rem;
    }

    .imagen-contenedor-principal {
      border-radius: 32px;
    }
    .home-hero-text > h1 {
      /*font-size: 4.125rem;*/
      font-family: 'Karla-ExtraBold', sans-serif;
      padding: 0;
     /* text-align: left; Habilitar cuando este el nuevo hero*/
      text-align: center;
    }

    a.ver-mas {
      color: white;
      text-decoration: underline;
      font-size: 1.5rem;
      font-weight: 700;
      text-align: center; 
    }

    .home-about-why-us-column2-title > p{
        color: #8A8A8E;
    }

    .home-about-why-us-column2-title > h2 {
      font-family: 'Karla-Bold';
    }

    .body-a-card > h4 {
      color: #FFF;
      font-family: Karla;
      /*font-size: 2.25rem;*/
      font-style: normal;
      font-weight: 700;
      line-height: 2.88rem; /* 128% */
    }


    .home-hero-img {
      border-radius: var(--border-radius-containers);
      width: 47.125rem;
      height: 35.8125rem;
    }

    .marcas-carrusel-contenedor{
      margin-top: 4rem;
      /* padding: 50px 26px 0 26px; */
    }

    /* Segmentation */

    .home-segmentation {
      display: flex;
      justify-content: space-between;
      color: var(--white);
    }

    /* .home-segmentation-item > p {
      font-size: 1.3vw;
    } */

    /* .home-segmentation-item > h3 {
      font-family: 'Karla-Medium', sans-serif;
      font-size: 2.313rem;
    } */

    .home-segmentation > div {
      border-radius: var(--border-radius-containers);
      margin-top: 20px;
      width: 48%;
      padding: 5%;
      text-align: center;
    }

    .home-segmentation > div > p {
       margin: 50px 0;
       line-height: 28.8px;
    }

    .home-segmentation-item.bg-oxford-blue.fc-white80.p-24.aos-init.aos-animate h4 {
      line-height: 46.08px;
  }

    .btns {
      border: none;
      border-radius: var(--border-radius-btns);
      padding: 0.1rem 1rem;
    }
     .bg-green-blue, .bg-pumpkin {
      padding: 13px 50px;
      font-family:'Karla';
     }

    .home-index {
      margin-right: 3rem;
      margin-top: 2%;
      padding-bottom: 5%;
      margin-left: 3rem;
    }

    /*Arrows carrusel index*/
#carrusel_nueva_imagen > button.fa.fa-angle-right,
#carrusel_nueva_imagen > button.fa.fa-angle-left {
  color: white;
  padding-bottom: 4.5%;

}


    /* About/Why us */
    .home-about-why-us-container {
      display: flex;
      gap: 5%;
    }

    .home-about-why-us-column {
      display: flex;
      flex-direction: column;
      width: 50%;
    }

    section.why-us-hero.bg-oxford-blue.contenedor-principal.whyUs-hero-hr.ft-28.about-us-introtxt h1 {
      font-family: 'Karla-ExtraBold';
      line-height: 65.92px;
      letter-spacing: 0.32px;
  }

    .home-about-why-us-column2-title > h2 {
      width: 100%;
    }


    .a-card {
      border-radius: var(--border-radius-containers);
    }

    img.bg-a-card {
      width: 100%;
      height: auto;
    object-fit: cover;
      border-radius: var(--border-radius-containers) var(--border-radius-containers) 0px 0px;
    }

    img .bg-a-card {
      /* height: 20.5rem; */
      height: 25.5rem;
      border-radius: var(--border-radius-containers) var(--border-radius-containers) 0px 0px;
    }

    .body-a-card {
      color: var(--white);
      padding: 6% 6% 4% 6%;
    }

    .estilos-body-a-card > p, h6{
      margin-top: 2%;
      margin-bottom: 4%;
      /* font-size: 1.3vw; */
    }

    /* .body-a-card > .fc-white80{
      margin-top: 2%;
      margin-bottom: 4%;
    } */

    .margin-home-awus-card {
      margin-top: 10%;
    }

    .margin-home-awus-card-2 {
      margin-top: 10%;
      margin-bottom: 10%;
    }

    @media (max-width: 834px) {
      .home-about-why-us-column {
          width: 100%;
          margin-top: 10%;
      }

      .home-about-why-us-column2-title > h2 {
          width: 100%;
      }

      .estilos-body-a-card > p, h6{
        width: 100%;
      }

      /* .body-a-card > .fc-white80{
          width: 100%;
      } */

      .bg-a-card {
          height: 15rem;
      }

      .btns {
          padding: 0.7rem 3.125rem;
          font-size: 3.3vw;
      }

    }


    /* Purpose */

    .home-purpose {
      position: relative;
      display: flex;
      gap: 10%;
      align-items: center;
    }

    @media (max-width: 834px) {
      /* .home-purpose {
        height: fit-content !important;
      } */
    }

    .home-purpose > img {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%
    }

    .home-purpose-txt {
      width: 100%;
      text-align: center;
      padding: 0 20px;
      height: fit-content;
      z-index: 1;
    }

    .home-purpose-txt h3 {
      color: #FFF;
      font-family: 'Karla-SemiBold';
      font-style: normal;
      line-height: 67.2px; /* 140% */
    }

    .home-numbers-container h1 {
      font-family: 'Karla-Medium';
    }

    img.home-purpose-img {
      /* background: url(./Assets/purpose-1.jpg); */
      /* background: #0066B3; */
      /* background-size: cover;
      background-position: center center; */
      border-radius: var(--border-radius-containers);
      /* width: 29.3rem;
      height: 29.3rem; */
      width: 100%;
      height: 53%;
      object-position: top;
    }

    .img-purpose-2 {
      /* background: url(./Assets/purpose-2.png);
      background-size: cover;
      background-position: center center; */
      margin: -10% 0 0 10%
    }

    .home-purpose-img-column {
      height: 100%;
      width: 100%;
    }

@media (min-width: 2000px) {
  img.home-purpose-img{
    height: 60%;
  }
  .home-purpose-img-column {
    height: 100%;
    width: 60%;
  }

}

    @media (max-width: 834px) {
      .home-purpose {
          padding-top: 10%;
          padding-bottom: 10%;
      }

      .home-purpose-img-column {
          height: 100%;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      .home-purpose-img {
          margin: 0 10% 0 0;
      }

      .img-purpose-2 {
          margin: -10% 0 10% 15%;
      }
    }

    /* Quote - numbers */
    .home-quote-data-gradient {
      height: 100%;
      width: 100%;
      border-radius: var(--border-radius-containers);
      background: linear-gradient(180deg, #8FC2E0 0%, rgba(0, 102, 179, 0.80) 100%);
      padding: 5% 0;
    }

    .home-quote-data-container {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10%;
      padding: 3%;
      box-shadow: 0px 16px 48px 0px rgba(17, 17, 17, 0.50);

    }

    img.bg-a-card-quote {
      height: 25rem;
      border-radius: var(--border-radius-containers) var(--border-radius-containers) 0px 0px;
      background-size: cover;
      object-position: 0 12%;
    }

    .body-a-card-quote {
      padding: 6% 10% 7% 10%;
      text-align: center;
    }

    .body-a-card-quote-title > h5{
      padding-top: 30px;
      color: #FFF;
      text-align: center;
      font-family: 'Karla';
      font-style: normal;
      line-height: 38.304px;
    }

    .body-a-card-quote.fc-white80.p-26.home-numbers-founder.body-a-card-quote-title h4 {
      font-family: 'Karla-Bold';
  }


    .body-a-card-quote > hr, .body-a-card-quote > h6{
      margin-top: 10%;
      /*margin-bottom: 15%;*/
      /* font-size: 26px; */
      /* font-size: 1.3vw; */
    }

    .home-numbers-container.fc-white80.home-numbers-number.aos-init.aos-animate hr {
      margin: 47px 0;
  }

    /* .body-a-card-quote > .fc-white80{
      margin-top: 10%;
      margin-bottom: 15%;
    } */

    .home-quote-container {
      display: flex;
      flex-direction: column;
      width: 45%;
      border-radius: var(--border-radius-containers);
    }

    .home-numbers-container {
      display: flex;
      flex-direction: column;
      width: 35%;
    }

    .home-numbers-number p {
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.80);
      font-family: Karla;
      font-style: normal;
      font-weight: 500;
      line-height: 34.56px; /* 144% */
      padding: 7px;
      /* font-size: 4.6rem; */
    }

    .home-numbers-founder P:last-child {
      font-size: 20px;
      color: var(--white80);
      margin-bottom: 0;
    }

    @media (max-width: 834px) {
      .home-quote-data-container {
          flex-direction: column;
      }

      .home-numbers-container {
          width: 100%;
          text-align: center;
      }



      .bg-a-card-quote {
          height: 15rem;
      }

      .body-a-card-quote {
          padding: 30px;
      }
    }


    /* Ecommerce */

    .home-ecommerce-cta{
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .home-ecommerce-cta-title {
      text-align: right;
      width: 500px;
      margin-right: 34px;
    }

    .home-ecommerce-cta-title > h2 {
      font-family: 'Karla-Medium', sans-serif;
    }

    .home-ecommerce-cta-search-engine > h4 {
      margin-bottom: 30px;
    }

    .home-ecommerce-cta-search-engine p.ft24 {
      color: #fff;
    }

    .home-ecommerce-cta-search-engine {
      padding: 5.071% 4%;
      border-radius: var(--border-radius-containers);
      text-align: center;
      width: 54.914%;
    }

    .home-ecommerce-cta-search-engine > p {
      margin-top: 30px;
    }

    .home-ecommerce-cta-search-box {
      width: 100%;
      height: 3rem;
      border-radius: 0.4rem;
    }


    /* ---- */

    .home-category-title {
      margin-top: 100px;
      margin-bottom: 50px;
    }

    .home-category-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
  }

  .home-category-row .category-card {
    flex: 1;
    min-width: 0;
    max-width: none;
  }

    .category-card {
      color: #000000;
      background-color: var(--isabelline);
      height: 250px;
      width: 100%;
      text-align: center;
      border-radius: var(--border-radius-btns);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      gap: 10px;
    }

    .category-card > p{
      font-family: 'Karla';
      color: #000;
      font-weight: 700;
      line-height: normal;
      /* font-size: 1.3vw; */
    }



    .category-card .cantidad-producto {
      color: #000;
      font-family: Karla;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      white-space: nowrap;
      padding: 10px;
    }

    .home-category-row {
      display: flex;
      /* justify-content: space-between; */
      margin-top: 1.5%;
      /*flex-wrap: wrap;*/
      gap: unset;
    }

    .home-category-row div:not(:first-child) {
      /* background-color: #8FC2E0; */
      margin-left: 1.5%;
    }

    .home-category-row a:not(:first-child) {
      /* background-color: #8FC2E0; */
      margin-left: 1.5%;
    }

    .home-category-row a {
      text-decoration: none;
    }

    .home-category-mobile-section {
      display: none;
    }

    @media (max-width: 834px) {


      /* .category-card-left {
          margin-right: 3%;
      } */

      .home-category-row-margin {
          margin-top: 5%;
      }

      .home-category-title {
          margin-top: 10%;
          margin-bottom: 10%;
      }

      .home-ecommerce-cta{
          flex-direction: column;
      }

      .home-ecommerce-cta-title {
          width: 100%;
          margin-right: 0;
          text-align: center;
      }

      .home-ecommerce-cta-search-engine {
          width: 100%;
      }

      .home-category-mobile-section {
          display: block;
      }

      .home-category-desktop-section {
          display: none;
      }

    }

    @media (max-width: 720px) {
      .home-category-mobile-section  .home-category-row {
        display: grid;
        gap: 12px;
      }
    }

    @media (max-width: 720px) {
      .home-category-mobile-section .home-category-row {
        grid-template-columns: 1fr 1fr;
      }
    }
/*
    @media (min-width: 420px) and (max-width: 576px) {
      .home-category-mobile-section .home-category-row {
        grid-template-columns: 1fr 1fr 1fr;
      }
    } */


    .pd-sections .home-ecommerce-cta .home-ecommerce-cta-title span {
      color: #8A8A8E;
    }


    /* @media (min-width: 835px) and (max-width: 1199px)  {
      .category-card {
          width: 18.5%;
          height: 12rem;
          flex-wrap: wrap;
      }

      .category-card > svg {
          width: 50%;
      }
    } */

    /* Marquee styles */
    .marquee {
      --gap: 2%;
      position: relative;
      display: flex;
      overflow: hidden;
      user-select: none;
      gap: var(--gap);
    }

    .marquee__content {
      flex-shrink: 0;
      display: flex;
      justify-content: space-around;
      gap: var(--gap);
      min-width: 100%;
      margin-right: 9%;
      list-style-type: none;
    }

    @keyframes scroll {
      from {
          transform: translateX(0);
      }

      to {
          transform: translateX(calc(-100% - var(--gap)));
          /* transform: translateX(-100%); */
      }
    }

    /* Pause animation when reduced-motion is set */
    @media (prefers-reduced-motion: reduce) {
      .marquee__content {
          animation-play-state: paused;
      }
    }

    /* Enable animation */
    .enable-animation .marquee__content {
      animation: scroll 15s linear infinite;
    }

    /* Pause on hover */
    .marquee--hover-pause:hover .marquee__content {
      animation-play-state: paused;
    }

    .marquee__content > * {
      flex: 0 0 auto;
      color: white;
      background: dodgerblue;
      /* margin: 20px; */
      /* padding: 1rem 2rem; */
      /* border-radius: 0.25rem; */
      text-align: center;

      width: 18.75rem;
      height: 12.5rem;
      /* background-color: var(--white); */
      border-radius: 1.25rem;
    }




    /* 1638 x 671 */

    .nav-link.dropdown-toggle.ttt {
      display: flex;
    }


    @media (max-width: 1450px) {
      /* Hero */
      /* .home-hero { */
          /* margin-top: 15%; */
          /* flex-direction: column-reverse; */
      /* } */

      .home-hero-text {
          text-align: center;
          margin-left: 0;
          width: 100%;
      }

      .home-hero-img > img{
          border-radius: var(--border-radius-containers);
          width: 100%;
      }

      .home-hero-img{
          width: 90%;
          /* margin-right: 5%; */
      }

    }

    @media (max-width: 834px) {
      /* Hero */
      .home-hero {
          flex-direction: column-reverse;
      }

      .home-hero-text {
          text-align: center;
          /* margin-left: 5%; */
          width: 100%;
      }


      .home-hero-img > img{
          border-radius: var(--border-radius-containers);
          width: 100%;
      }


      /* segmentation */


      .home-segmentation > div {
          /* border-radius: var(--border-radius-containers);
          margin-top: 20px; */
          width: 100%;
          /* padding: 4%;
          text-align: center; */
      }

      .btns {
          border: none;
          border-radius: var(--border-radius-btns);
          padding: 0.938rem 3.125rem;
      }



      /* About/Why us */
      .home-about-why-us-container {
          display: flex;
          flex-direction: column-reverse;
          gap: 5%;
      }

      .home-about-why-us-column {
          display: flex;
          flex-direction: column;
      }

      .home-about-why-us-column2-title > h1 {
          text-align: center;
          /*font-size: 2.5rem;*/
          width: 100%;
      }

      /* .home-about-why-us-column2-title > p {
          font-size: 1.3vw;
      } */

      .a-card {
          border-radius: var(--border-radius-containers);
      }


      .body-a-card {
          color: var(--white);
          padding: 6% 6% 4% 6%;
      }

      .body-a-card > h2 {
          font-size: 1.5rem;
      }

      .body-a-card > p:nth-of-type(2) {
          /* font-size: 1.188rem; */
          font-size: 1.1vw;
      }

      .estilos-body-a-card > p, h6{
        margin-top: 2%;
        margin-bottom: 4%;
        /* font-size: 1.3vw; */
      }

    /* .body-a-card > .fc-white80 {
        margin-top: 2%;
        margin-bottom: 4%;
      } */

      .margin-home-awus-card {
          margin-top: 10%;
      }

      .margin-home-awus-card-2 {
          margin-top: 10%;
          margin-bottom: 0;
      }



      /* Purpose */


      .home-purpose > img {
          display: none;
      }


      /* .home-purpose-img {
          width: 17rem;
          height: 17rem;
          margin: 0 0 0 -5%;
      } */

      .img-purpose-2 {
          margin: -10% 0 0 5%;
      }

    }



    .home-img-carousel {
      width: 18.785rem;
      height: 12.5rem ;
      background-color: #FFFFFF;
    }


    .home-segmentation-item.bg-oxford-blue.aos-init.aos-animate{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
    }


  /********************************************
  *       Fin de la maqueta/vista home v2 - ¡GRACIAS! *****
  ********************************************/

  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Acerca ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

      /* Hero */


    .about-us-introtxt p{
      color: rgba(255, 255, 255, 0.80);
      text-align: justify;
      font-family: 'Karla';
      font-size: 26px;
      line-height: 38.304px; /* 102.857% */
    }

    .whyUs-hero-hr hr{
      margin: 2% 0 5% 0;
      background-color: #ffffff;
      opacity: 1;
    }

    .whyUs-hero-hr hr:not([size]) {
      height: 1px;
      border-radius: 10px;
    }

    img.whyUs-hero-img {
      margin-top: 50px;
      margin-bottom: 81px;
      height: 742px;
      object-position: center 13%;
      width: 100%;
      background-color: #c4c4c4;
      border-radius: var(--border-radius-containers);
    }

    .whyUs-purpose-txt-container h3 {
      font-family: 'Karla-Medium';
      line-height: 67.2px;
  }


    /* @media (max-width: 768px) { */
    @media (max-width: 834px) {

      .about-us-introtxt p{
          text-align: left;
      }

      .whyUs-hero-hr hr{
          margin: 5% 0;
      }



    }


    /* purpose */
    .whyUs-purpose {
      display: flex;
      align-items: center;
    }

    .whyUs-purpose-imgs-container {
      display: flex;
      width: 41.2%;
      height: auto;

    }


    .whyUs-ourEssence-txt-container.ft-24 p {
      line-height: 38.304px;
  }

    .whyUs-purpose-imgs {
      display: flex;
      flex-direction: column;
      width: 47.025%;
      height: 73.902%;
      padding-bottom: 10%;
    }




    .whyUs-purpose-imgs-2 {
      margin-top: 20%;
      padding-bottom: 0;
      margin-left: 5%;
      height: 68.04%;
    }

    .whyUs-purpose-1 {
      object-position: 31%;
    }

    .whyUs-purpose-2 {
      object-position: 34%;
    }

    .whyUs-purpose-3 {
      object-position: 35%;
    }

    .whyUs-purpose-4 {
      object-position: right;
    }

    .whyUs-purpose-imgs img:nth-child(2) {
      margin-top: 40px;
    }

    .whyUs-purpose-imgs > img {
      width: 308px;
      height: 366px;
      background: #C4C4C4;
      border-radius: var(--border-radius-containers);
    }


    .whyUs-purpose-txt-container {
      width: 45%;
      margin-left: 13.8%;
    }

    .whyUs-purpose-txt-container > h2 {
      margin-bottom: 5%;
    }

    @media (min-width: 1200px) and (max-width:1700px) {
      .whyUs-purpose-imgs > img {
        width: 100%;
        height: 300px;
      }
    }
    @media (max-width: 834px) {
      .whyUs-purpose-imgs > div, div.whyUs-ourEssence-imgs > div{
        height: 30vh;
      }
      section.whyUs-purpose.bg-penn-blue.pd-sections .whyUs-purpose-imgs-container {
        height: fit-content;
      }

      .whyUs-history-container > .whyUs-history-container-top > div:nth-child(1) {
        height: 40vh;
      }

    }

    @media (max-width: 400px) {
      img.img-contain.img-banner-responsive {
        width: auto;
        height: 220px;
        margin: 0 auto;
      }
      .sin_margen_izquierdo_banner_home img.img-contain.img-banner-responsive {
        /* width: auto; */
        /* height: 450px; */
        margin: 0 auto;
      }
      div.carousel-indicators {
        bottom: -10px;
        /* margin-bottom: 10px; */
      }

      main.contenido-principal section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info a, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info a {
        margin-bottom: 0px;
      }
    }
    /* @media (min-width: 401px) and (max-width: 1200px){
      img.img-contain.img-banner-responsive {
        width: auto;
        height: 300px;
        margin:0 auto;
      }

      .sin_margen_izquierdo_banner_home img.img-contain.img-banner-responsive {
        width: 100%;
        height: 450px;
        margin:0 auto;
      }

      div.carousel-indicators{
        bottom: -20px;
        margin-bottom: 0;
      }

    } */



    /* @media (max-width: 768px) { */
    /* @media (max-width: 1655px) */
    .close-navbar-burger, .close-navbar-responsive-logged-in {
      display: none;
    }

    @media (max-width: 1200px) {


      .close-navbar-burger, .close-navbar-responsive-logged-in {
        display: flex;
        justify-content: flex-end;
        width: 100%;
      }
      
      button.boton-cerrar-navbar{
        background: transparent;
        padding: 0 16px 40px 0;
      }
      
      button.boton-cerrar-navbar-logged-in {
        background: transparent;
        padding: 0 0 40px 0;
      }

      .overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.50);
        z-index: 0;
        display: none;
      }
      
      .overlay-logged-in{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.50);
        z-index: 1002;
        display: none;
      }
      div.overlay.show, div.overlay-logged-in.show {
        display: block; 
      }


      .info .nombre-producto-info a, 
      .info .fabricante-producto-info a, 
      .info .precio-producto-info a,
      .info .taxonomia-producto-agotado a,
      .info .precios-producto-agotado a {
        font-size: 16px;
    }

    .fabricante-producto-info a, .precio-producto-info p {
      font-size: 16px;
    }

      img.navbar-logo {
        width: 200px;
      }

    nav.navbar.bg-oxford-blue.fixed-top{
      background-color: var(--oxford-blue);
        padding: 13px 26px;
        height: 84px;
    }

    nav.navbar.bg-oxford-blue.fixed-top div.container.home-navbar{
      padding-left: 0;
      padding-right: 0;
    }

    .hamburguesa-navbar-deslogueado {
      display: grid;
      width: 100%;
      background: var(--oxford-blue);
      height: 100%;
      justify-items: end;
      align-content: center;
      width: 100%;
  }

      .whyUs-purpose-imgs img:nth-child(2){
        margin-top: 23px;
      }

      img.whyUs-hero-img {
        margin-top: 30px;
        margin-bottom: 50px;
    }


      .whyUs-purpose {
          flex-direction: column-reverse;
          padding-top: 10%;
          padding-bottom: 10%;
      }



      main.area-contenido, section.area-contenido{
        padding-top: 112px;
      }

      div.woocommerce .woocommerce-cart-form main.area-contenido {
        padding-top: 125px;
      }

      .whyUs-purpose-imgs-container {
          width: 100%;
          height: fit-content;
      }

      .whyUs-purpose-txt-container {
          width: 100%;
          margin-left: 0;
          margin-bottom: 5%;
      }

      .sub-navbar-logueado-fixed{
        display: none;
      }
      .navbar-logueado-fixed{
        padding: 10px 15px;
      }



      .home-segmentation > div {
        width: 100%;
      }

      .navbar-brand{
        padding-right: 0;
      }

      .dropdown-toggle::after {
        display: none;
      }

      img.bg-a-card-quote {
        border-radius: 0;
      }

      .home-quote-data-container {
        padding: 0;
      }

    }


      @media (max-width: 1200px) {
        .hl-container {
          grid-template-columns: auto auto;
          grid-template-rows: auto auto;
          justify-content: space-between;
          gap: 0;
          min-height: 137px;
          max-height: 137px;
        }

        .navbar-nav .dropdown-menu {
          position: absolute;
      }

      .hl-navpoints{
        font-size: 25px;
      }

      .hl-navpoints-user{
        font-size: 30px;
      }

      .hl-logo {
        width: 152px;
        height: 43px;
      }

      .home-ecommerce-cta-search-engine > h4
      div.BuscadorPersonalizado input {
        text-indent: 15px;
        padding: 0;
        height: 38.5px;
      }

      div.BuscadorPersonalizado button {
        top: 0px;
        right: 0px;
        height: 44px;
     }

     div.hl-profileName{
      display: none;
    }

    li.nav-item.dropdown ul.dropdown-menu.menu-perfil{
      background: white;
      width: 200px;
      border: 1px solid rgba(0, 0, 0, .15);
      padding-right: 0;
    }

    #sub-navbar-logueado li.nav-item.dropdown ul.dropdown-menu {
      padding-right: 0;
  }

    li.nav-item.dropdown ul.dropdown-menu.menu-perfil li a.dropdown-item{
      color: black;
      padding: 10px 20px;
    }


    .contenedor-boton-menu-navbar {
      display: flex;
      position: fixed;
      top: 137px;
      height: 34px;
      align-items: center;
      background-color: #031130;
      color: white;
      gap: 5px;
      width: 100%;
      justify-content: flex-end;
      border-radius: 0;
      z-index: 1000;
  }

      button.menu-subnavbar-hamburguesa {
        display: flex;
        height: 34px;
        align-items: center;
        background-color: #031130;
        color: white;
        gap: 5px;
        width: fit-content;
        justify-content: flex-end;
        border-radius: 0;
        z-index: 1000;
        font-size: 16px;
        padding: 8px 15px;
      }

      a.dropdown-item{
        padding: 10px 0;
      }

      /*subnabvar*/

      .sub-navbar-logueado-fixed {
        width: 284px;
        right: 0;
        padding: 34px;
        position: fixed;
        top: 0px;
        z-index: 1004;
        background-color: #031130;
        height: 100%;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    nav.subnavbar ul.navbar-nav {
        display: flex;
        align-items: flex-end;
        white-space: nowrap;
        height: auto;
        padding: 0px;
        flex-direction: column !important;
    }

      .subnavbar .navbar-nav .nav-item {
        margin-top: 5px;
        margin-right: 0;
      }

      div.BuscadorPersonalizado input {
        height: 40px;
    }
/*termina sub*/
      main#home-logged {
        margin-top: 112px;
      }

        .contenedor-ellipses-rastreo {
          display: none;
      }
      .seleccionar-destino {
        text-align: center;
        margin-top: 5%;
    }

      .left-meditrack-container {
        display: block;
        height: auto;
    }

    .widget-med-container {
      margin: 5% auto 50% auto;
  }


    .destiny-buttons-container{
      flex-direction: column;
      align-items: center;
    }

    .contenedor-pasos-rastreo {
      padding-top: 0;
  }

    .btn-ciudad-de-guatemala, .btn-departamentos {
      width: 300px;
      margin-bottom: 20px;
    }
        .hl-element:nth-child(2) {
          grid-row: 2 / span 1;
          grid-column: 1 / span 2;
        }

        .hl-element:nth-child(2) {
          margin: 0 0;
      }

      /*
        .hl-element:nth-child(3) {
          grid-row: 1 / span 1;
          grid-column: 1 / span 1;
        }*/

        .navbar-expand-md .navbar-nav{
          flex-direction: row;
          gap: 10px;
        }

        .body-a-card-quote-title > h5, .home-numbers-number p {
          line-height: normal;
        }

        .home-numbers-container.fc-white80.home-numbers-number.aos-init.aos-animate {
          padding-bottom: 30px;
        }

      }



    /* Our Essence */

    .whyUs-ourEssence {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: #051E55;
    }

    .whyUs-ourEssence-imgs-container {
      display: flex;
      align-items: center;
      width: 83%;
      /* height: 74%; */
      height: 100vh;
    }

    .whyUs-ourEssence-imgs-container div:nth-child(1) {
      margin-right: 5%;
    }

    .whyUs-ourEssence-imgs{
      height: 82.469%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .whyUs-ourEssence-imgs > img {
      /* width: 308px;
      height: 366px; */
      width: 100%;
      height: 48.2%;
      background: #C4C4C4;
      border-radius: var(--border-radius-containers);
    }

    .whyUs-ourEssence-imgs > img:nth-child(2) {
      margin-top: 9%;

    }

    .whyUs-ourEssence-txt-container {
      margin-right: 10%;
      padding-right: 4%;
      width: 100%;
    }

    .whyUs-ourEssence-txt-container > h2 {
      margin-bottom: 5%;
    }

    .whyUs-ourEssence-txt-container > p:nth-child(3) {
      margin: 5% 0;
    }

    img.whyUs-essence-1.img-cover.aos-init.aos-animate {
      object-position: 56%;
    }

    img.whyUs-essence-2.img-cover.aos-init.aos-animate {
      object-position: 94%;
      height: 39.732%;
    }

    img.whyUs-essence-3.img-cover.aos-init.aos-animate {
      height: 39.732%;
    }

    /* @media (max-width: 768px) { */
    @media (max-width: 1200px) {


      .whyUs-ourEssence-txt-container {
          margin-right: 0%;
      }



      .whyUs-ourEssence-imgs-container div:nth-child(1) {
          margin-right: 0%;
      }

      .whyUs-ourEssence-imgs.whyUs-ourEssence-imgs-1 {
          margin-left: 4%;
      }
    }



    /* History */
    .whyUs-history {
      padding-top: 5%;
      padding-bottom: 5%;
    }

    .whyUs-history > h2 {
      margin-bottom: 5%;
    }

    .whyUs-history-container {
      display: flex;
      flex-direction: column;
    }

    .whyUs-history-container-top,
    .whyUs-history-container-bottom {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .whyUs-history-container-bottom {
      margin-top: 8%;
    }

    .whyUs-history-container-top-text {
      width: 50%;
    }

    .whyUs-history-container-top-text > h3 {
      margin-bottom: 5%;
      margin-bottom: 5%;
      font-family: Karla;
      font-weight: 600;
      line-height: 67.2px;
    }

    .whyUs-history-container-top-text > p {
      text-align: justify;
    }

    .whyUs-history .whyUs-history-container .whyUs-history-container-top .whyUs-history-container-top-text h3 {
      line-height: 67.2px;
    }
    .whyUs-history-container-top > img:nth-child(1) {
      width: 740px;
      height: 547px;
      margin-right: 60px;
      background: #C4C4C4;
      border-radius: var(--border-radius-containers);
      box-shadow: 0px 16px 48px 0px rgba(17, 17, 17, 0.50);
    }

    .whyUs-history-container-bottom > img:nth-child(2) {
      width: 740px;
      height: 547px;
      margin-left: 60px;
      background: #C4C4C4;
      border-radius: var(--border-radius-containers);
      box-shadow: 0px 16px 48px 0px rgba(17, 17, 17, 0.50);
    }

    .whyUs-history-container-top-text.ft-24 p {
      line-height: 38.304px;
  }


  .body-a-card.estilos-body-a-card.fc-white80.p-24 p, .features-container-normalItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate, .features-container-largeItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate{
    line-height: 28.8px;
  }

    /* @media (max-width: 768px) { */
    @media (max-width: 1200px) {
      .whyUs-history-container-bottom {
          flex-direction: column;
      }

      .whyUs-history-container-top {
          flex-direction: column-reverse;
      }

      .whyUs-history-container-top-text {
          width: 100%;
      }

      .whyUs-history-container-top > img:nth-child(1) {
        margin-right: 0;
        margin-top: 20px;
      }

      .whyUs-history-container-bottom > img:nth-child(2){
        margin-left: 0;
        margin-top: 20px;
      }
    }


    @media (min-width: 1200px) and (max-width: 1600px) {
      .whyUs-history-container-bottom, .whyUs-history-container-top  {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
    }

    .whyUs-history-container-top-text {
        width: 100%;
    }

    .whyUs-history-container-top > img:nth-child(1) {
      margin-right: 0;
      margin-top: 20px;
    }

    .whyUs-history-container-bottom > img:nth-child(2){
      margin-left: 0;
      margin-top: 20px;
    }
    }
  /********************************************
  *       Fin de la Sección - ¡GRACIAS! *****
  ********************************************/


    /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Nosotros ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

      /* Hero */

    .whyUs-hero-hr hr{
      margin: 30px 0 50px;
      background-color: #ffffff;
      opacity: 1;
    }

    .whyUs-hero-hr hr:not([size]) {
      height: 1px;
      border-radius: 10px;
    }


    @media (max-width: 834px) {

      .whyUs-hero-hr hr{
          margin: 20px 0;
      }

      .whyUs-hero-img {
          height: 20rem;
      }

    }


    /* Instalaciones*/
    .home-about-why-us-container {
      display: flex;
      gap: 5%;
      justify-content: center;
    }

    .home-about-why-us-column-right {
      margin-top: 5%;
  }

    .home-about-why-us-column {
      display: flex;
      flex-direction: column;
      width: 45.244%;
    }

    .home-about-why-us-column2-title > h2 {
      width: 100%;
    }

    .a-card {
      border-radius: var(--border-radius-containers);
    }


    .body-a-card {
      color: var(--white);
      padding: 6% 6% 4% 6%;
    }

    .estilos-body-a-card > p, h6{
      margin-top: 2%;
      margin-bottom: 4%;
    }

    /* .body-a-card > .fc-white80 {
      margin-top: 2%;
      margin-bottom: 4%;
    } */

    .margin-home-awus-card {
      margin-top: 10%;
    }

    .margin-home-awus-card-2 {
      margin-top: 10%;
      margin-bottom: 10%;
    }



    @media (max-width: 1200px) {

      .home-purpose {
        flex-direction: column;
        gap: 5%;
        align-items: center;
        height: fit-content !important;
        /* justify-content: center; */
    }

    .home-purpose-img-column {
      height: auto;
      width: auto;
      display: flex;
      flex-direction: column;
    }


      .home-purpose-txt h3{
        line-height: normal;
        margin-top: 20px;
      }

      div.home-purpose-txt {
        width: 100%;
        text-align: center;
        padding: 0;
    }

      .whyUs-ourEssence {
        flex-direction: column;
        /* height: 100%; */
        padding-top: 10%;
        padding-bottom: 10%;
    }


      .whyUs-ourEssence-imgs-container {
        flex-direction: row-reverse;
        width: 100%;
        margin-top: 5%;
        height: 100vh;
    }

      .home-about-why-us-column {
        display: flex;
        flex-direction: column;
    }

      .home-about-why-us-column {
          width: 100%;
          margin-top: 10%;
      }

      .home-about-why-us-column2-title > h2 {
          width: 100%;
      }

      .estilos-body-a-card > p, h6{
        width: 100%;
      }

      /* .body-a-card > .fc-white80 {
        width: 100%;
      } */

      .bg-a-card {
          height: 15rem;
      }

      .home-about-why-us-container {
          display: flex;
          flex-direction: column-reverse;
          gap: 5%;
      }


      /* .home-about-why-us-column2-title {
        order: 1;
    }

    .a-card.bg-penn-blue:first-child {
        order: 2;
    }

    .a-card.bg-penn-blue:nth-child(2) {
        order: 3;
    }

    .a-card.bg-penn-blue:nth-child(3) {
        order: 4;
    }

    .a-card.bg-penn-blue:last-child {
        order: 5;
    } */

      .home-about-why-us-column2-title > h1 {
          text-align: center;
         /* font-size: 2.5rem;*/
          width: 100%;
      }

      /* .home-about-why-us-column2-title > p {
          font-size: 1.3vw;
      } */

      .a-card {
          border-radius: var(--border-radius-containers);
      }

      .bg-a-card {
          height: 20.5rem;
          border-radius: var(--border-radius-containers) var(--border-radius-containers) 0px 0px;
          background: url('./Assets/nuestra-esencia.jpg') 0px -49.361px / 100% 139.854% no-repeat;
      }

      .body-a-card {
          color: var(--white);
          padding: 6% 6% 4% 6%;
      }

      .body-a-card > h2 {
          font-size: 1.5rem;
      }

      .body-a-card > p:nth-of-type(2) {
          font-size: 1.1vw;
      }

      .estilos-body-a-card > p, h6{
        margin-top: 2%;
        margin-bottom: 4%;
        line-height: 28.8px;
      }

      /* .body-a-card > .fc-white80 p, .fc-white80 h6{
        margin-top: 2%;
        margin-bottom: 4%;
      } */

      .margin-home-awus-card {
          margin-top: 10%;
      }

      .margin-home-awus-card-2 {
          margin-top: 10%;
          margin-bottom: 0;
      }

      .our-clients-section {
        display: flex;
        flex-direction: column-reverse;
    }

    div.our-clients-left, div.our-clients-right{
      width: 100%;
    }

    div.our-clients-right{
      margin: auto;
    }

    }




    /* Que valoran proveedores */
    .features-intro p{
      width: 91%;
      margin-top: 30px;
    }

    .features-container {
      width: 100%;
      height: 78%;
      margin-top: 2%;
    }

    .features-container-normalItem.features-container-normalItem-bottom.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate {
      padding: 30px;
  }

    .features-container-row {
      display: flex;
      color: white;
      height: fit-content;
    }

    .features-container-row.features-container-row-bottom {
      margin-top: 3%;
    }

    .features-container-normalItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate h4, .features-container-largeItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate h4 {
      margin-bottom: 9px;
  }

  section.banner.contenedor-principal div.info h1 {
    font-family: 'Karla-ExtraBold';
}

section.banner.contenedor-principal div.info p, section.bg-light-gray.pd-sections.ft-28.denuncias p {
  line-height: 38.304px;
}

    .features-container-largeItem {
      padding: 40px 155px 40px 60px;
      width: 65%;
      margin-right: 50px;
      border-radius: var(--border-radius-containers);
    }

    .features-container-normalItem {
      padding: 2%;
      width: 38%;
      border-radius: var(--border-radius-containers);
    }

    .features-container-largeItem.features-container-largeItem-bottom {
      margin-right: 0;
      margin-left: 3%;
    }


    div#fraccionamiento-secundario{
      margin-left: 3%;
    }

    div#fraccionamiento-secundario img{
      border-radius: var(--border-radius-containers);
    }

    @media (max-width: 1100px) {
      .features-intro p{
          width: 100%;
      }

      .features-container-row {
          flex-direction: column;
      }

      .features-container-largeItem,
      .features-container-normalItem {
          width: 100%;
      }

      .features-container-largeItem {
          margin-bottom: 5%;
      }

      .features-container-row.features-container-row-bottom {
          margin-top: 5%;
      }

      .features-cont-img {
          height: 20rem;
          margin-left: 0;
          margin-top: 5%;
      }
    }

    @media (min-width: 768px) and (max-width: 1200px) {
      img.our-clients-left {
        width: 100%;
        height: auto;
        align-self: center;
        margin-top: 20px;
      }

      section.home-purpose div.home-purpose-img-column img.home-purpose-img {
        width: 570px;
        height: 470px;
      }

    }

    /* Nuestros clientes */

    .our-clients-right h2 {
      margin-bottom: 2%;
    }

    .our-clients-section {
      display: flex;
    }

    .our-clients-left,
    .our-clients-right {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .our-clients-right {
      margin-left: 5%;
    }

    .our-clients-left {
      border-radius: var(--border-radius-containers);
    }

    .whyUs-segment-bold > p:first-child{
      font-family: 'Karla-Bold', sans-serif;
      margin-top: -2%;
    }

    .whyUs-segment-cont {
      display: flex;
    }

    .whyUs-segment-icon {
      width: fit-content;
      height: fit-content;
      margin-right: 2%;
      padding: 2%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: var(--border-radius-btns);
    }

    .whyUs-all-segments {
      margin-top: 10%;
    }

    .whyUs-all-segments .whyUs-segment-cont:not(:first-child) {
      margin-top: 5%;
    }

    .whyUs-segment {
      /* margin-top: -4%; */
    }

   /* @media (max-width: 1100px) {
      .our-clients-section {
          flex-direction: column-reverse;
      }

      .our-clients-left,
      .our-clients-right {
          width: 100%;
      }

      .our-clients-right {
          margin-left: 0;
      }

      .our-clients-left {
          height: 20rem;
      }
    }*/




  /********************************************
  *       Fin de la Sección - ¡GRACIAS! *****
  ********************************************/


  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Contacto ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */
  .contactoV2-title {
    text-align: center;
    /* margin-bottom: 3%; */
  }

  .contacto-hero-container-txt{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    text-align: left;
  }

  .contacto-hero-container-txt h1 {
    margin: 2% auto;
  }

.contafctoV2-formulario-contenedor {
    min-height: 720px;
    width: 1550px;
    max-width: 1550px;
    max-height: 100%;
    background-color: var(--white);
    margin: 20px 86px;
    border-radius: var(--border-radius-containers);
    display: flex;
    justify-content: space-between;
}

.contactoV2-formulario-left-item:not(:first-child) {
    margin-top: 5%;
    z-index: 1;
}

.contactoV2-formulario-left {
    /* height: 100%; */
    width: 520px;
    border-radius: var(--border-radius-containers);
    padding: 50px;
    position: relative;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-enviar-formulario-contacto {
  display: inline-flex;
  padding: 20px 50px;
  border-radius: 7px;
  background: #0066B3;
  height: 63px;
  width: fit-content;
  align-self: end;
  align-items: center;
  border: none;
  box-shadow: none;
}

.contactoV2-formulario-left-item {
    display: flex;
     /* align-items: center;  */
    /*align-items: flex-start;*/

}

.contactoV2-formulario-left-item > svg{
    margin-top: 1.5%;
    margin-right: 2%;
}

.contactoV2-formulario-left-item > .p-24 p{
    margin: 0;
    margin-left: 3%;

}

.contactoV2-formulario-left-item-contenedor {
    display: flex;
    flex-direction: column;
    margin-top: 8%;
}

.contact-circle-blue {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    border-bottom-right-radius: 30px;
}

.gap-56{
  gap: 70px;
}
textarea#mensaje {
  height: 115px;
}

.contactoV2-formulario-right {
    /* background-color: #F37021; */
    padding: 60px 40px;
    color: #000;
    position: relative;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form{
    display: flex;
    flex-direction: column;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form > .wpcf7-form-control-wrap > .wpcf7-text {
    width: 100%;
    border-radius: var(--border-radius-btns);
    border: solid 1px;
    padding: 1% 2%;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form > .wpcf7-form-control-wrap > .wpcf7-select {
    width: 100%;
    border-radius: var(--border-radius-btns);
    border: solid 1px;
    padding: 1% 2%;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form > .wpcf7-form-control-wrap > .d-flex > .wpcf7-form-control-wrap > .wpcf7-email {
    border-radius: var(--border-radius-btns);
    border: solid 1px;
    padding: 1% 2%;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form > .d-flex > .wpcf7-form-control-wrap > .wpcf7-email {
    border-radius: var(--border-radius-btns);
    border: solid 1px;
    padding: 2% 3%;
    width: 100%;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form > .d-flex > .wpcf7-form-control-wrap > .wpcf7-tel {
    border-radius: var(--border-radius-btns);
    border: solid 1px;
    padding: 2% 3%;
    width: 100%;
}

.contactoV2-formulario-right > .wpcf7 {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    max-width: 938.56px;
}

.contactoV2-formulario-right > .wpcf7 > .wpcf7-form input, .contactoV2-formulario-right > .wpcf7 > .wpcf7-form select, .contactoV2-formulario-right > .wpcf7 > .wpcf7-form textarea{
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 48px;
    padding: 12px;
}


.contacto-hero {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* padding-top: 10rem; */
}

.contacto-email {
  word-wrap: break-word;
  word-break: break-all;
}



  /********************************************
  *       Fin de la Sección - ¡GRACIAS! *****
  ********************************************/


  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Denuncias ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */
    /* Hero */
    .complaints-hero{
      display: flex;
      /* align-items: center; */
    }

    .complaints-hero-container,.contacto-hero-container {
      /* background-color: #E8A205; */
      /* height: 75%; */
      /* width: 50%; */
      display: flex;
      align-items: center;
      gap: 10vw;
    }


    .complaints-hero-txt-bold {
      font-family: 'Karla-Bold', sans-serif;
      font-size: 2rem;
    }

    .complaints-hero-container-img {
      width: 50%;
      height: 100%;
      background-color: #c4c3c4;
      border-radius: var(--border-radius-containers);
    }

    .complaints-hero-txt-btns {
      margin-top: 5%;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 30px;
    }

    .complaints-message-inpt > .wpcf7 > .wpcf7-form > .wpcf7-form-control-wrap >textarea {
      border-radius: 2rem;
      background: #FFF;
      box-shadow: 0px 10px 20px 0px rgba(12, 12, 12, 0.5);
      width: 100%;
      height: 392px;
      padding: 25px 30px;
    }

    .complaints-message-inpt > .wpcf7 > .wpcf7-form > .wpcf7-submit {
      display: inline-flex;
      padding: 20px 50px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 7px;
      background: #644A9E;
      width: 10.002%;
      height: 63px;
      flex-direction: column;
      align-self: end;
    }

    .complaints-message-inpt > .wpcf7 > .wpcf7-form {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: 35px;
    }

    .denuncias h2 {
      margin-bottom: 2%;
    }
    /* .complaints-message-inpt > .wpcf7 > .wpcf7-form{
      width: 100%;
      background-color: #E8A205; */
    /* } */

    .complaints-hero-container-txt {
      width: 60%;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    @media (max-width: 1447px) {
      .complaints-hero {
          height: 150vh;
          display: flex;
      }

      .complaints-hero-container {
          /* background-color: #E8A205; */
          height: 100%;
          width: 100%;
          flex-direction: column;
      }

      .complaints-hero-container-txt {
          width: 100%;
          /* height: 100%; */
          margin-right: 0;
          /* margin-bottom: 10%; */
          text-align: left;
      }

      .complaints-hero-txt-btns {
          flex-direction: column;
          gap: 1rem;
      }

      .complaints-hero-container-img {
          width: 100%;
          height: 100%;
          /* display: none; */
      }
    }


    @media (min-width: 1448px) and (max-width: 1715px)  {
      .complaints-hero-container-img {
          /* width: 100%; */
          height: 100vh;
      }

      .complaints-hero-container {
          /* background-color: #E8A205; */
          height: 100%;
          width: 100%;
      }

      .complaints-hero-txt-btns {
          gap: 1rem;
      }
    }

    main#denuncias section.banner {
      display: grid;
      grid-template-columns: 2fr 2fr;
      gap: 5rem;
      padding-bottom: 100px;
    }

    main#denuncias section.banner .info h1 {
      padding: 1rem 6rem 1rem 0;
    }

    button.btns.bg-ultra-violet.btns-style {
      padding: 15px 30px;
      font-family: 'Karla';
      width: 100%;
  }

    @media (max-width: 1200px)  {
      main#denuncias section.banner {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 30px;
        padding-bottom: 50px;
      }
    }







  /********************************************
  *       Fin de la Sección - ¡GRACIAS! *****
  ********************************************/

  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Navbar ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

    .home-navbar {
      max-width: 100%;
      /* padding: 1% 4%; */
      /* padding-right: 4%; */
    }

    li.nav-rastreo-boton #boton-rastreo:hover, .home-navbar-option:hover {
        color: var(--silver);
    }

     .nav-rastreo-boton{
      border-radius: 5px;
      /* border: 2px solid #644A9E; */
      padding: 10px 20px;
      /* margin-right: 2rem; */
    }

    /* @media (max-width: 768px) {
      .nav-rastreo-boton{
        margin: 1rem 2rem 1rem 0;

      }
    } */


     li#boton-ingresar button:hover {
      color: var(--white);
    }

/*Esta clase no se esta utilizando en el en portafolio y se le paso .home-navbar-option para que el hover fuera gris (se deja esta clase activa para un cambio rapido desde html y que el hover vuelva a ser blanco)
    .home-navbar-option-y:hover {
        color: var(--white);
    }
*/

    .home-navbar-ul {
        /* width: 50%; */
        align-items: center;
        font-family: 'Karla-Medium', sans-serif;
        font-size: 1.5rem;
        font-size: 20px;
    }

    .home-navbar-ul .nav-item a {
      font-size: 1.25rem;
    }

    .navbar-logo {
        width: 250px;
    }

    #navbarNav .navbar-nav .nav-item .nav-link {
      padding-right: 2.5rem;
    }

    .nav-link.dropdown-toggle.ttt {
      display: flex;
    }

    .grecaptcha-badge {
      display: none;
    }





  /********************************************
  *       Fin de la Sección NAVBAR nueva marca- ¡GRACIAS! *****
  ********************************************/


  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Navbar Anterior/interna/logeado ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

    .hl-profileName {
      display: flex;
      flex-direction: column;
      font-size: 18px;
      font-weight: bold;
      line-height: 90%;
      margin-left: 9px;
      font-family: 'Karla';
    }

    .hl-profileSegment {
      font-size: 14px;
      font-weight: lighter;
    }

  /********************************************
  *       Fin de la Sección NAVBAR nueva marca- ¡GRACIAS! *****
  ********************************************/


  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
    justify-content: space-between;
    flex-wrap: unset;
  }





  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== PLANTILLA - RECIBO ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

    main#recibo, section#recibo{
      display: grid;
      grid-template-areas:
      "titulo"
      "info-recibo"
      "detalle-pedido";
      gap: 40px;
      background-color: white;
    }

    section#recibo{
      padding-top: 125px;
      padding-bottom: 60px;
      width: 100%;
    }


    main#recibo section#info-recibo, div.woocommerce section#info-recibo{
      display: grid;
      grid-area: info-recibo;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 45px;
    }

    section#detalle-pedido{
      grid-area: detalle-pedido;
      background: #F4F5F5;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      display: grid;
      gap: 20px;
    }


    table#recibo-pedido{
      width: 100%;
    }


    section#recibo-pedido-grid {
      display: grid;
      gap: 30px;
    }

    section#recibo-pedido-grid div.info-producto{
      display: grid;
      grid-template-columns: 2fr 6fr 2fr 2fr;
      gap: 2vw;
      align-items: center;
      /* justify-items: end; */
    }

    section#recibo-pedido-grid div.info-producto div.contenedor-img{
      border-radius: 7px;
      background: #EDF1F4;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }

    section#recibo-pedido-grid {
      padding: 0 0 20px 0;
      border-bottom: 1px solid black;
    }

    section#detalle-pedido section#totales {
      display: flex;
      justify-content: end;
      gap: 51px;
    }





  /********************************************
  *       Fin de la MAQUETA RECIBO - ¡GRACIAS! *****
  ********************************************/











  /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== TEMPLATE - Navbar ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */


  /********************************************
  *       Fin de la Sección - ¡GRACIAS! *****
  ********************************************/


   /* ----------------------------------------------------------------------------------------------------------------------------
                          *==================== Registro: Carga archivos ==============*
  ---------------------------------------------------------------------------------------------------------------------------- */

  /* Estilos adicionales para mostrar el tipo de archivo, nombre y barra de progreso */
/* Estilos para el contenedor del archivo */

/* Estilos para el contenedor del archivo */
.contenedor_archivo, .contenedor_archivo-vencimiento {
  display: inline-block;
  position: relative;
}

.texto_archivo {
  margin-bottom: 10px;
}

.carga-exitos-borrar {
  display: flex;
  gap: 10px;
}

.sub_contenedor_adjunto {
  display: inline-flex;
  align-items: center;
  color: #000; /* Color del texto del "botón" */
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  width: 95%;
  height: 95%;
}

.sub_contenedor_adjunto img {
  margin: 3%
}

.contenedor-input-carga-archivo{
  width: 235px;
  display: flex;
  margin: 5px;
  border-radius: 5px;
  height: auto;
  background-color: white;
  color: black;
  column-gap: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* Agregando sombra debajo del "botón" */

}

.opcion-menu .info-licencia-sanitaria .subir-lic-sanitaria .licencia-sanitaria-icon {
  margin: 0;
}

.contenedor-input-carga-archivo > p{
  margin: 0;
  padding-top: 2%;
  margin-left: 2%;
}

.input_archivo {
  display: none; /* Oculta el input real */
}

.info-archivo, .info-archivo-dpi, .info-archivo-rtu {
  display: flex;
  align-items: center;
}

.info-archivo .tipo-archivo {
  margin-right: 10px;
}

.info-archivo .nombre-archivo {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 125px;
}

.info-archivo {
  /* Establece el ancho del div padre */
  width: 100%; /* Puedes ajustar esto según tus necesidades */
}

.barra-progreso {
  height: 5px;
  background-color: #4CAF50; /* Barra de progreso verde */
  display: none; /* Inicialmente oculta */
  max-width: 130px;
  border-radius: 5px;
}



.contenedor_botones > .botones-opciones{
  width: 70%;
  display: flex;
  justify-content: flex-end;
  margin-right: 4%;
}

.botones-opciones > #guardar-cambios{
  margin-right: 4%;
  background-color: var(--white);
  color: var(--AzulCendis);
  border: 2px solid var(--AzulCendis);
}


/*.info-archivo {
  display: none;
}
*/


.dpi-clip__oculto, .rtu-clip__oculto, .recibo-clip__oculto,
.seleccionar-archivo__oculto, .dpi-icon__oculto,
.rtu-icon__oculto, .recibo-icon__oculto, .licencia-sanitaria-icon__oculto, .licencia-sanitaria-clip__oculto,
.patente-sociedad-clip__oculto, .patente-sociedad-icon__oculto,
.patente-comercio-clip__oculto, .patente-comercio-icon__oculto {
  display: none;
}


@media (max-width: 1200px) {
  .dpi-clip, .rtu-clip, .recibo-clip,
 .licencia-sanitaria-clip,
.patente-sociedad-clip,
.patente-comercio-clip, .patente-comercio-icon{
  display: none;
}
}

#dpi label.sub_contenedor_adjunto.sub_contenedor_adjunto-dpi__ocultar:before,
#rtu label.sub_contenedor_adjunto.sub_contenedor_adjunto-rtu__ocultar:before,
#rec label.sub_contenedor_adjunto.sub_contenedor_adjunto-rec__ocultar:before,
#lic_s label.sub_contenedor_adjunto.sub_contenedor_adjunto-licencia-sanitaria__ocultar:before,
#patente_co_s label.sub_contenedor_adjunto.sub_contenedor_adjunto-patente-sociedad__ocultar:before,
#patente_co_e label.sub_contenedor_adjunto.sub_contenedor_adjunto-patente-comercio__ocultar:before {
  display: none;
}

label.sub_contenedor_adjunto:before {
  content: "";
  position: absolute;
  /*border: 10px dashed #000000;*/
  border-radius: 10px;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

.info-archivo__seleccionado {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: transparent;
  gap: 4px;
  width: 100%;
}

.contenedor-input-carga-archivo__seleccionado{
  background-color: transparent;
  box-shadow: none;
}

.dpi-icon, .rtu-icon, .recibo-icon, .licencia-sanitaria-icon, .patente-sociedad-icon,
.patente-comercio-icon {
  width: auto;
  height: auto;
  margin-bottom: 0 !important;
  margin-right: 2% !important;
}
  /********************************************
  *    MAQUETA Producto
  ********************************************/

  .nav-bar-producto {
    margin-top: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  #seccion-vista-producto {
    margin-top: 2%;
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 2%;
    background-color: white;
  }

  #imagenes-producto {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2%;
    width: 80%;
  }

  #imagen-principal {
    position: relative;
    border: 1px solid #f2f2f2f2;
    border-radius: 1%;
    display: grid;
    place-items: center; /* Centra contenido vertical y horizontalmente */
    height: 100%; /* 100% del alto de la ventana (viewport height) o ajusta según sea necesario */
  }


  .imagenes-relacionadas{
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    height: 100%;
    justify-items: center;

  }
  .imagenes-relacionadas img {
    width: 80%;
    max-height: 100%;
    border-radius: 1%;
  }

  .imagen-relacionada {
    width: 80%;
    max-height: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 1%;
  }

  #imagen-principal img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;

  }

  .SKU {
    font-size: 18px;
    color: #A3A1A1;
  }

  .item-grid {
    margin-right: 4%;
  }


  .subtitulos-info {
    font-size: 18px;
    font-weight: bold;
  }

  .subtitulos-info span {
    font-size: 18px;
    font-weight: normal;
  }

  .productos-relacionados{
    margin-top: 5rem;
    margin-left: 2%;
  }

  .precio-producto{
    margin-top: 5rem;
  }

  .precio-oferta span{
    text-decoration: line-through;
    color:red;
  }

  .botones-producto {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 3fr;
    gap: 2%;
    width: 65%;
  }

  #numero {
    background-color: white;
    border: 1px solid #f2f2f2f2;
  }
  .boton-cantidad {
    background-color: white;
    border: 1px solid #f2f2f2f2;
  }

  .agregar-carrito {
    background-color: var(--AzulCendis);
    color: white;
  }

  .descuento-producto-vista-individual{
    position: absolute;
    top: 18px;
    left: 0;
    background-color: #C20000; /* Color de fondo del banner */
    color: #fff; /* Color del texto del banner */
    padding: 5px 10px; /* Espaciado interno del banner */
    font-family: 'Karla';
    font-weight: bold;
    z-index: 2;
  }

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

    .home-segmentation {
      flex-direction: column;
    }

    .btns {
      padding: 15px 35px;
      font-size: 16px;
  }

  .pd-sections{
    padding: 30px 26px 50px;
  }

  .home-ecommerce-cta-title.fc-white80.p-24.aos-init.aos-animate h2 {
    font-family: 'Karla-Bold';
    line-height: normal;
}

.home-ecommerce-cta-search-engine {
  width: 100%;
  margin-top: 30px;
}

.home-ecommerce-cta-search-engine > h4 {
    font-family:'Karla-Bold';
    line-height: 67.2px;
    margin-bottom: 0;
}
.home-ecommerce-cta-search-engine > p {
  margin-top: 20px;
  line-height: normal;
}

  #seccion-vista-producto {
      margin-top: 2%;
      display: grid;
      grid-template-columns: 1fr; /* Cambiado a una sola columna para móviles */
      gap: 2%;
      background-color: white;
  }

  #imagenes-producto {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2%;
      width: 100%; /* Cambiado al 100% para ocupar todo el ancho */
  }

  .imagenes-relacionadas {
      display: flex;
      flex-direction: column; /* Cambiado a columna para móviles */
      gap: 15px;
      overflow-x: auto; /* Permite desplazamiento horizontal en dispositivos pequeños */
  }

  .imagen-relacionada {
      width: 80%;
      max-height: 100%;
      border: 1px solid #f2f2f2;
      border-radius: 1%;
  }

  #imagen-principal {
      position: relative;
      border: 1px solid #f2f2f2f2;
      border-radius: 1%;
      display: grid;
      place-items: center; /* Centra contenido vertical y horizontalmente */
      height: 100%; /* 100% del alto de la ventana (viewport height) o ajusta según sea necesario */
  }

  #imagen-principal img {
      max-width: 100%;
      max-height: 100%;
      object-fit: cover;
  }

  }
    /********************************************
  *    Fin de la maqueta Producto - ¡GRACIAS! *****
  ********************************************/



   /********************************************
  *    Inicio de la maqueta Advertencia *****
  ********************************************/
  .advertencia {
    font-family: 'Karla';
    display: grid;
    grid-template-columns: 1fr 5fr;
    max-width: 664px;
    align-items: center;
    border: 2px solid #C20000; 
    background-color: #FEF4F3;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 15;
    left: 61.5%;
    opacity: 1; 
    transition: opacity 0.5s ease, transform 0.5s ease; 
    box-shadow: 0px 85px 24px 0px rgba(0, 0, 0, 0.01), 0px 54px 22px 0px rgba(0, 0, 0, 0.06), 0px 30px 18px 0px rgba(0, 0, 0, 0.20), 0px 14px 14px 0px rgba(0, 0, 0, 0.34), 0px 3px 7px 0px rgba(0, 0, 0, 0.39);
  }

  .advertencia.perfil-actualizado{
    border: 2px solid #5BCC8A;
    background: #F4F5F5;
  }

  .advertencia.revisar-perfil{
    border: 2px solid #644A9E;
    background: #F4F5F5;

  }
  .contenido-advertencia .BotonesContacto{
    display: flex;
  }
  .contenido-advertencia .btn-telefono{
    display: block;
    font-family: 'Karla-SemiBold';
  }

  @media (max-width: 767px) {
    .advertencia {
        width: 100%; /* Ocupa el ancho completo */
        left: 0;
        bottom: 0;
    }
    .advertencia#uno {
      z-index: 3;
    }
    .advertencia#dos {
      z-index: 2;
    }

    .advertencia#tres {
      z-index: 1;
    }

    a.actualizar-licencia.redbtn, a.saldar-deuda.redbtn, a.credito-insuficiente.redbtn, a.direccion-incorrecta.redbtn {
      padding: 7px;
    }

    div.advertencia.licencia-vencida, div.advertencia.pagos-atrasados, div.advertencia.credito-insuficiente, div.advertencia.direccion-incorrecta, div.advertencia.perfil-actualizado, div.advertencia.revisar-perfil {
      padding: 0px;
    }
  
  }

  .fadeOut {
    opacity: 0;
    transform: translateY(-20px); 
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  }

  .advertencia#uno {
    z-index: 3;
  }
  .advertencia#dos {
    z-index: 2;
  }

  .advertencia#tres {
    z-index: 1;
  }

  .icono-advertencia {
    display: grid;
    align-items: center;
    justify-items: center;
    background-color: #C20000; /* Fondo rojo para el icono */
    color: white; /* Color del texto en el icono */
    height: 100%; /* Ocupa todo el alto del div de advertencia */
    padding: 15px; /* Ajusta el espacio interno según tus necesidades */
    box-sizing: border-box; /* Incluye el relleno en el cálculo del tamaño total */
  }

  .contenido-advertencia {
    margin: 2% 4% 4%;
    color: black;

  }

  .contenido-advertencia-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0;
  }

  .contenido-advertencia-header h6 {
    font-weight: bold;
    color: #000;
    font-size: 22px;
    margin: 0;
  }
  .contenido-advertencia-header h6 img{
    vertical-align: center;
    width: 14px;
    height: 14px;
  }

  .cerrar-advertencia {
    background: none;
    border: none;
    cursor: pointer;
  }

  .contenido-advertencia p {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 1rem;
  }

  .actualizar-licencia.redbtn, .saldar-deuda.redbtn, .credito-insuficiente.redbtn, .direccion-incorrecta.redbtn{
    margin-top: 1%;
    margin-bottom: 2%;
    background-color: #C20000;
    color: white; /* Color del texto en el botón */
    border: none;
    border-radius: 7px;
    cursor: pointer;
    padding: 0.5rem 1rem;
    height: auto;
    font-size: 16px;
  }

  .revisar-perfil.purplebtn {
    margin-top: 1%;
    margin-bottom: 2%;
    background-color: #644A9E;
    color: white; /* Color del texto en el botón */
    border: none;
    border-radius: 7px;
    cursor: pointer;
    padding: 0.5rem 1rem;
    height: auto;
    font-size: 16px;
  }


  .advertencia.licencia-vencida .icono-advertencia, .advertencia.pagos-atrasados .icono-advertencia, .advertencia.credito-insuficiente .icono-advertencia, .advertencia.direccion-incorrecta .icono-advertencia, .advertencia.perfil-actualizado .icono-advertencia, .advertencia.revisar-perfil .icono-advertencia{
    background-color: transparent;
    align-items: start;
    justify-items: end;
}

.advertencia.licencia-vencida , .advertencia.pagos-atrasados, .advertencia.credito-insuficiente, .advertencia.direccion-incorrecta, .advertencia.perfil-actualizado, .advertencia.revisar-perfil{
    grid-template-columns: 0.5fr 4fr 0.5fr;
    padding: 20px;
    justify-content: center;
    align-items: center;
}

.advertencia.licencia-vencida  .contenido-advertencia, .advertencia.pagos-atrasados .contenido-advertencia, .advertencia.credito-insuficiente .contenido-advertencia, .advertencia.direccion-incorrecta .contenido-advertencia, .advertencia.perfil-actualizado .contenido-advertencia, .advertencia.revisar-perfil .contenido-advertencia {
  display: grid;
  gap: 10px;
  margin: 14px 0 20px;
}

.advertencia.licencia-vencida .contenido-advertencia p, .advertencia.licencia-vencida .contenido-advertencia-header h6, .advertencia.pagos-atrasados .contenido-advertencia p, .advertencia.credito-insuficiente .contenido-advertencia p, .advertencia.direccion-incorrecta .contenido-advertencia p, .advertencia.perfil-actualizado .contenido-advertencia p, .advertencia.pagos-atrasados .contenido-advertencia-header h6,  .advertencia.credito-insuficiente .contenido-advertencia-header h6, .advertencia.direccion-incorrecta .contenido-advertencia-header h6, .advertencia.perfil-actualizado .contenido-advertencia-header h6, .advertencia.revisar-perfil .contenido-advertencia p, .advertencia.revisar-perfil .contenido-advertencia-header h6{
  font-size: 16px;
}



    /********************************************
  *    Fin de la maqueta Advertencia - ¡GRACIAS! *****
  ********************************************/


  /*********************************************************
  -------------INICIO MAQUETA PRODUCTO OFERTADO-------------
  *******************************f***************************/
.contenedor-productos-ofertados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-column-gap: 20px;
  margin: 5%;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-between;
}
  .producto-ofertado.tarjeta.frontal  .contenido-ofertado {
    margin: 2%;
    height: auto;
    padding-bottom: 2%;
    box-shadow: 1px 202px 81px rgba(0, 0, 0, 0.01), 0px 114px 68px rgba(0, 0, 0, 0.05), 0px 50px 50px rgba(0, 0, 0, 0.09), 0px 13px 28px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    overflow: hidden;
  }
  .producto-ofertado.tarjeta.frontal .img{
    position: relative;
    width: 100%;
    background-color: #EDF1F4;
  }


  .producto-ofertado.tarjeta.frontal .descuento-banner, .Contenedor_pre_overlay .Contenedor_imagen .descuento-banner, .descuento-banner{

    position: absolute;
    top: 18px;
    left: 0;
    background-color: #C20000; /* Color de fondo del banner */
    color: #fff; /* Color del texto del banner */
    padding: 5px 10px; /* Espaciado interno del banner */
    font-family: 'Karla';
    font-weight: bold;
    z-index: 2; /* Asegura que el banner esté sobre la imagen */
}

  .nombre-producto-ofertado {
    max-width: 100%;
    margin: 4% 4% 0;
    font-weight: bold;
    color: #000;
    font-family: 'Karla';
  }

  .nombre-producto-ofertado a {
    color: #000;
  }

  .taxonomia-producto-ofertado {
    max-width: 100%;
    margin: 0 4%;
    font-family: 'Karla';
  }

  .precios-producto-ofertado {
    max-width: 100%;
    margin: 0 4% 0;
    font-weight: bold;
    font-family: 'Karla';
  }

  .precio.regular.producto-ofertado {
    color: red;
    text-decoration: line-through;
  }

    /*********************************************************
  -------------FIN MAQUETA PRODUCTO OFERTADO-------------
  **********************************************************/

  /*********************************************************
  -------------INICIO MAQUETA PRODUCTO CON PROMO-------------
  **********************************************************/
  .contenedor-productos-promo {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-column-gap: 20px;
    margin: 5%;
    justify-content: space-around;
    align-items: baseline;
    align-content: space-between;
  }
    .producto-promo.tarjeta.frontal  .contenido-promo {
      margin: 2%;
      margin-bottom: 10%;
      height: auto;
      padding-bottom: 2%;
      box-shadow: 1px 202px 81px rgba(0, 0, 0, 0.01), 0px 114px 68px rgba(0, 0, 0, 0.05), 0px 50px 50px rgba(0, 0, 0, 0.09), 0px 13px 28px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
      border-radius: 7px;
      overflow: hidden;
    }
    .producto-promo.tarjeta.frontal .img{
      position: relative;
      width: 100%;
      background-color: #EDF1F4;
    }

    .producto-promo.tarjeta.frontal .descuento-banner {
      position: absolute;
      top: 18px;
      left: 0;
      background-color: #C20000; /* Color de fondo del banner */
      color: #fff; /* Color del texto del banner */
      padding: 5px 10px; /* Espaciado interno del banner */
      font-family: 'Karla';
      font-weight: bold;
      z-index: 2; /* Asegura que el banner esté sobre la imagen */
  }

    .nombre-producto-promo {
      max-width: 100%;
      margin: 4% 4% 0;
      font-weight: bold;
      color: #000;
      font-family: 'Karla';
    }

    .nombre-producto-promo a {
      color: #000;
    }

    .taxonomia-producto-promo {
      max-width: 100%;
      margin: 0 4%;
      font-family: 'Karla';
    }

    .precios-producto-promo {
      max-width: 100%;
      margin: 0 4% 0;
      font-weight: bold;
      font-family: 'Karla';
    }

    .precio.regular.producto-promo {
      color: black;
      font-weight: bold;
    }

    .producto-promo {
      color: red;
      font-weight: normal;
    }
    /*********************************************************
  -------------FIN MAQUETA PRODUCTO CON PROMO-------------
  **********************************************************/

  .woocommerce .quantity .qty {
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 7px;
    border: 1px solid #000;
    height: auto;
  }

  td.product-quantity.informacion p {
    width: fit-content;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
  }

 .product-thumbnail, table.espacio_interno tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail.imagen {
    position: relative;
    background-color: #EDF1F4;
    border-radius: 7px;
 }

 td .descuento-banner {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C20000; /* Color de fondo del banner */
  color: #fff; /* Color del texto del banner */
  padding: 5px 10px; /* Espaciado interno del banner */
  font-family: 'Karla';
  font-weight: bold;
  z-index: 2; /* Asegura que el banner esté sobre la imagen */
  border-top-left-radius: 7px;
}

.producto-ofertado-checkout  {
  color: #C20000;
  text-decoration: line-through;
  margin: 7px;
}

.woocommerce table.shop_table td.vacio {
  margin-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, .1);
}



    /*********************************************************
  -------------INICIO MAQUETA PRODUCTO CHECKOUT-------------
  **********************************************************/

  .contenedor-checkout-general {
    width: 62%;
    margin: 2%;
    padding: 2%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, .1);
  }
  .contenedor-productos-checkout {
    background-color: white;
    gap: 2%;
    display: grid;
    grid-template-columns: 2fr 6fr;
    width: 100%;
    align-items: center;
    height: auto;
    position: relative;
  }

  .linea-separadora {
    width: 100%;
    height: 1px;
    background-color: #ddd; 
    margin-bottom: 10px; 
    margin-top: 10px;
  }

  .imagen-producto-checkout img {
    max-width: 100%;
    background-color: #EDF1F4;
    display: block;
    border-radius: 7px;
  }

  .imagen-producto-checkout .descuento-banner {
    top: 0;
    position: absolute;
    background-color: #C20000;
    color: #fff; 
    padding: 5px 10px;
    font-family: 'Karla';
    font-weight: bold;
    z-index: 2; 
    border-top-left-radius: 7px;
}
  .info-checkout {
    background-color: white;
    max-width: 100%;
    display: grid;
    align-items: center;
    gap: 2%;
    grid-template-columns: 2fr 2fr 2fr;
  }

  #borrar-producto-checkout {
    background: none;
  }

  .precio-producto-checkout span {
    color: #C20000;
    text-decoration: line-through;
  }

  .cantidad-producto-checkout {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    margin-right: 10px;
  }

  .contenedor-checkout-general .contenedor-productos-checkout .info-checkout .cantidad-producto-checkout .input-checkout {
    margin-left: 5%;
    border-radius: 4px;
    width: 80%
  }
   /*.input-group {
   display: flex;
    align-items: center;
  }*/

  .input-checkout {
    border-radius: 7px;
    border: 1px solid black;
    height: auto;
    width: 65%;
    padding: 7px;
  }

  .label-cantidad {
    margin-right: 5px; /* Ajusta el margen según tu diseño */
  }

  .btn-menos, .btn-mas {
    display: none;
  }
 /* Estilos para dispositivos móviles */
@media screen and (max-width: 768px) {
  .contenedor-checkout-general {
    width: 100%;
    margin: 2%;
    padding: 2%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, .1);
  }

  .contenedor-productos-checkout {
    display: grid;
    gap: 2%;
    grid-template-columns: 2fr 2fr;
    width: 100%;
    align-items: center;
    height: auto;
    position: relative;
  }

  .linea-separadora {
    width: 100%;
    height: 1px;
    background-color: #ddd; /* Color de la línea de separación */
    margin-bottom: 10px; /* Distancia entre la línea y el contenedor */
    margin-top: 10px;
  }

  .imagen-producto-checkout {
    max-width: 100%;
    max-height: fit-content;
    background-color: #EDF1F4;
    display: block;
    border-radius: 7px;
  }

  .imagen-producto-checkout .descuento-banner {
    position: absolute;
    background-color: #C20000;
    color: #fff;
    padding: 5px 10px;
    font-family: 'Karla';
    font-weight: bold;
    z-index: 2;
    border-top-left-radius: 7px;
    width: 20%;
  }

  .info-checkout {
    background-color: white;
    max-width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    gap: 2%;
    grid-template-columns: 2fr;
  }

  .subtotal-checkout {
    display: none;
  }

  .cantidad-producto-checkout{
    display: grid;
    grid-template-columns: 2fr;
  }

  .contenedor-checkout-general .contenedor-productos-checkout .info-checkout .cantidad-producto-checkout .input-checkout {
    margin-left: 1% !important;
    border-radius: 4px;
    width: 26%;
    margin-right: 1% !important;
  }
  .contenedor-checkout-general .contenedor-productos-checkout .info-checkout .cantidad-producto-checkout .btn-menos  {
    display: block;
    border-radius: 7px;
    width: 10%;
    background: none;
    border: 1px solid black;
  }

  div.contenedor-checkout-general div.contenedor-productos-checkout div.info-checkout div.cantidad-producto-checkout div.input-group .btn-mas  {
    display: block;
    border-radius: 7px !important;
    width: 10%;
    background: none;
    border: 1px solid black;
  }

}


      /*********************************************************
  -------------FIN MAQUETA PRODUCTO CHECKOUT-------------
  **********************************************************/



 /*h3 {
    font-size: 2rem;
  }*/

  .pd-sections-contacto {
    padding: 45px 86px;
  }


  /*TAMAÑO FUENTE TARJETA TRASERA*/

  ul.products li.product .price{
    color: #000 !important;
    font-family: 'Karla';
    font-size: 20px !important;
  }


  /*INICIAR SESION*/

  .modal_ingreso.registrarse .contenedor_presentacion .contenedor_texto {
    overflow-wrap: break-word;
  }

  .Vector.vector-mobile{
    display: none;
  }

  .contenedor_texto h3{
    color: #FFF;
    font-family: Karla;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10%;
  }

  .contenedor_menu #btn_iniciar_sesion p {
    font-family: Karla;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  p.login-username, p.login-password  {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
  }

  .contenedor_inicia_sesion input#user_login, .contenedor_inicia_sesion input#user_pass {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 10%;
}

.contenedor-fondo-activar-cuenta{
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}

img#img-fondo-activar-cuenta {
  width: 100%;
  height: 100%;
}

.sub_contenedor.instrucciones.verificacion_ins_usuario p {
  color: #000;
  font-family: 'Karla';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

input#wp-submit {
  border-radius: 5px;
  background: #031130;
  height: 48px;
}

.input-btn-nuevos {
  border-radius: 5px;
  background: #031130;
  height: 48px;
}

.msg-code-verif{
  margin-top: 5px;
}

/*
.contendedor_inicia_sesion #loginform input#wp-submit {
  /* width: 26.5rem;
  height: 3rem;
  /* flex-shrink: 0;
  border-radius: 0.3125rem;
  background: #031130;
}*/

  .contenedor_menu #btn_registro h3 {
    font-family: 'Karla';
    font-size: 1.41rem;
    font-weight: 700;
  }

  .imagen-login {
    width: 100%;
    /*display: grid;
    align-items: start;*/
    position: absolute;
    height: 100%;
  }

  .contenedor_inicia_sesion span {
    margin-top: 8%;
    font-family: 'Karla';
    font-size: 1.25rem;
  }

  .contenedor_registrarse span {
    margin-bottom: 9.5%;
    margin-top: 48px;
    font-family: 'Karla';
    font-size: 1.25rem;
  }

  .contenedor_registrarse .contenedor_opcion h3 {
    font-family: 'Karla';
    font-size: 1.41rem /*22.5px*/;
  }

  .contenedor_registrarse .contenedor_opcion p {
    font-family: 'Karla';
    font-size: 1.25rem /*20px*/;
  }


/*----------------------vista producto individual-------------------------------*/

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto;
  grid-template-areas:
      "contenedor-galeria";
  gap: 2%;
  width: 100%;
}

ol.flex-control-nav.flex-control-thumbs {
  grid-area: contenedor-galeria;
  gap: 1rem;
}

.flex-viewport {
  margin-bottom: 0 !important;

}

div.product div.images .flex-control-thumbs li {
  width: 100%;
  float: left;
  list-style: none;
  border: 1px solid #f2f2f2;
  margin: 0;
}


.contenedor_vista_individual > .product.type-product:first-child,
.contenedor_vista_individual > .product.type-product:nth-child(2) {
  display: grid;
  grid-template-columns: 3fr 3fr;
  gap: 4%;
  width: 100%;
}

section.related.products {
  width: 200%;
}
/*ol.flex-control-nav.flex-control-thumbs li {
 width: 100%;
 height: 100%;
}
*/

/*-------------------------INICIO RESTRICCION VENTA RX---------------------------*/
.venta-rx {
  background-color: #0066B3;
  border-radius: 5px;
  padding: 20px 10px;
  width: 100%;
  color: white;
  display: flex;
  flex-direction: column;
  bottom: 0;
}

.product_meta_FabricanteMarca div.venta-rx .texto-advertencia-rx p {
  font-family: 'Karla';
  font-weight: 600;
  font-size: 1.3333rem;
  color: white;
}

.img-icono-advertencia-rx{
  margin-right: 0.5%;
}

.telefono-rx {
  background-color: #E8A205;
  border: 2px;
  border-radius: 7px;
  padding: 13px 25px;
  font-family: 'Karla';
  font-weight: 600;
  font-size: 17px;
}

.btn-whatsapp-rx {
  background-color: #5BCC8A;
  border: 2px;
  border-radius: 7px;
  padding: 13px 25px;
  font-family: 'Karla';
  font-weight: 600;
  font-size: 17px;
  color: white;
}

.texto-advertencia-rx {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.botones-rx {
  padding-left: 2.5rem;
}
/*-------------------------FIN RESTRICCION VENTA RX---------------------------*/

/*-------------------------INICIO VISTA EDITAR PERFIL---------------------------*/

section#opcion-editar > h2 {
  font-family: 'Karla';
  font-size: 36px;
}


.texto-editar-perfil, .texto-editar-licencia-sanitaria{
  width: 90%;
  line-height: normal;
}

.texto-editar-perfil h4, .texto-editar-perfil, .texto-editar-licencia-sanitaria h4 {
  margin-bottom: 15px;
}

section#opcion-editar{
  background-color: #F4F5F5;
  padding: 9vw 5%;
}

.info-editar-perfil {
  height: fit-content;
}

.editar-perfil .info-perfil-editable{
  display: grid;
  grid-template-columns: 2fr 2fr;
  margin: 30px 5% 0 0;
  column-gap: 50px;
  gap: 30px;
  font-family: 'Karla-Medium';
  font-size: 24px;
}

.editar-perfil .info-perfil-editable div > h6 {
  color: #000;
  margin-bottom: 2%;
}

.editar-perfil .info-perfil-editable input {
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: auto;
}

.editar-perfil .info-perfil-editable select {
  border: none;
  height: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.editar-licencia-sanitaria {
  margin-top: 42px;

}

.editar-licencia-sanitaria .info-licencia-sanitaria input{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
.info-licencia-sanitaria {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 4%;
  margin-top: 30px;
  margin-bottom: 5%;
}

.editar-licencia-sanitaria .info-licencia-sanitaria > h6 {
  color: #000;
  margin-bottom: 2%;
}

.editar-licencia-sanitaria .info-licencia-sanitaria #lic_s label {
  padding: 0;
  height: 58px;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}

.editar-licencia-sanitaria .info-licencia-sanitaria #lic_s label:before {
  border: none;
}

.editar-licencia-sanitaria .info-licencia-sanitaria {
  font-family: 'Karla-Medium';
}

#date {
  border: none;
  height: 48px;
  margin: 5px 0 0 0;
}

.editar-licencia-sanitaria .info-licencia-sanitaria #lic_s {
  height: 40.25px;
}

#input_licencia_sanitaria {
  height: 40.25px;
  margin-top: 2%;
  border: none;
}

.fecha-edicion-perfil {
  color: rgba(0, 0, 0, 0.40);
}
#opcion-editar .editar-licencia-sanitaria .info-archivo .nombre-archivo {
  flex-grow: 0.8;
}

.input-with-image {
  width: 100%;
  position: relative;
  display: inline-block;
}

.input-with-image input {
  padding-right: 30px;
}

.input-with-image img {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 24px;
}

.question-perfil {
  cursor: pointer;
}

.mensaje-edicion-no-permitida {
  display: none;
  position: absolute;
  border-radius: 7px;
  top: 6.1rem;
  transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 390px;
  height: 85px;
  right: 0;
}

/* .editar-apellido .input-with-image .mensaje-edicion-no-permitida {
  left: 18%;
} */

.mensaje-editar {
  font-size: 16px;
}

#opcion-editar .info-editar-perfil .editar-perfil .info-perfil-editable div label.input-with-image:hover .question-perfil + .mensaje-edicion-no-permitida p.mensaje-editar {
  font-family: 'Karla';
  font-size: 16px;
}


.input-with-image .question-perfil:hover + .mensaje-edicion-no-permitida {
  display: block;
}

.editar-nombre input#nombre, .editar-apellido input#apellido, .editar-nit input#nit{
  color: rgba(0, 0, 0, 0.6);
}

.btn-guardar-cambios {
  background-color: var(--azul-nueva-marca);
  color: #fff;
}


.info-licencia-sanitaria #extensiones {
  font-family: 'Karla';
  font-size: 1rem;
  color:rgba(0, 0, 0, 0.4);
  margin-top: 10px;
}

#button-editar-perfil {
  height: 148px;
  background-color: var(--azul-nueva-marca);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.boton-editar {
  display: grid;
  grid-template-columns: 1fr 2fr;
  text-align: left;
  align-items: center;
  line-height: 130%;
}

.img-editar {
  justify-self: end;
}

.sub_contenedor_adjunto.lic-san-editar-perfil {
  width: 100%;
}

#opcion-editar .editar-licencia-sanitaria #lic_s .contenedor-input-carga-archivo {
  height: 48px;
  justify-content: center;
  width: 100%;
}

#opcion-editar .editar-licencia-sanitaria #lic_s .contenedor-input-carga-archivo .info-archivo{
  width: auto;
}

#opcion-editar .editar-licencia-sanitaria #lic_s .contenedor-input-carga-archivo .licencia-sanitaria-icon{
  height: 50px;
  width: 50px;
}

.info-licencia-sanitaria .fecha-vencimiento h6, .info-licencia-sanitaria .subir-lic-sanitaria h6 {
  color: #000;
}

.info-licencia-sanitaria .subir-lic-sanitaria .licencia-sanitaria-perfil{
  width: 100%;
}

#opcion-editar .editar-licencia-sanitaria #lic_s .contenedor-input-carga-archivo .licencia-sanitaria-clip {
  margin: 5px;
  width: auto;
  height: auto;
}
/*-------------------------FIN VISTA EDITAR PERFIL---------------------------*/

/*-------------------------INICIO VISTA CAMBIAR CONTRASEÑA---------------------------*/

#button-cambiar-contrasena {
  background-color: var(--harvest-gold);
  height: 148px;
  color: #000;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.boton-contrasena {
  display: grid;
  grid-template-columns: 1fr 2fr;
  text-align: left;
  align-items: center;
  line-height: 130%;
}

.img-contrasena {
  justify-self: end;
}

.opciones-direccion {
  margin-top: 2%;
}

.opciones-direccion p, .opciones-direccion a {
  font-size: 18px;
}

p.titulo-tipo-direccion {
  font-family: 'Karla-SemiBold';
}

main.principal.personalizado.perfil.estilos-v2 section#opcion-miPerfil section#mi-perfil div.info-licencia-sanitaria {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  align-content: center;
}

.boton-actualizar-licencia {
  justify-self: end;
}

#button-actualizar-licencia-sanitaria {
  background-color: var(--azul-nueva-marca);
  color: white;
  border-radius: 10px;
  font-size: 1.25rem;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

/* .cambio-de-contrasena {
  padding:9vw 5%;
  background-color: #F4F5F5 ;
} */



.cambiar-contrasena {
  display: grid;
  grid-template-columns: 3fr;
}

.seguridad-contrasena {
  height: 20%;
  width: 40%;
  background-color: #D9D9D9;
  justify-self: end;
  border-radius: 1rem;
}

#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena{
  width: 70%;
  margin-top: 30px;
}
#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena input {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  height: auto;
}


/*#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena h6 {
  margin-top: 0;
  margin-bottom: 1%;
  color: #000;
  font-size: 1.25rem;
}*/

.contrasena-actual, .nueva-contrasena, .confirmar-nueva-contrasena {
  margin-bottom: 3%;
  width: 100%;
}

.barra-seguridad {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
}

#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena .nueva-contrasena p {
  color: #969595;
  margin-top: 10px;
}

#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena .nueva-contrasena p.ft-24 {
  color: #000;
  margin-top: 0;
}

#opcion-cambiar-contrasena .cambio-de-contrasena .cambiar-contrasena .btn-cambiar-contrasena {
  background-color: var(--azul-nueva-marca) ;
  width: 27%;
  border-radius: 7px;
  color: #fff;
  font-size: 1.25rem;
}


/*-------------------------FIN VISTA CAMBIAR CONTRASEÑA---------------------------*/

/*-------------------------INICIO VISTA AGREGAR DIRECCION---------------------------*/

#boton-agregar-direccion {
  background: transparent;
  color: black;
  padding: 0;
}

.agregar-nueva-direccion {
  background-color: #F4F5F5;
  display: grid;
  gap: 42px;
}

.agregar-nueva-direccion h2 {
  margin-bottom: 4%;

}

.agregar-nueva-direccion .agregar-direccion h6 {
  margin-bottom: 1%;
  color: #000;
  font-size: 1.3rem;
  font-family: 'Karla';
}

.agregar-nueva-direccion .agregar-direccion input, .agregar-nueva-direccion .agregar-direccion select {
  height: auto;
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin-bottom: 30px;
  width: 95%;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Karla';
  font-size: 1.2rem;
}


.departamento-municipio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5%;
  width: 95%;
  margin-top: 1%;
}

select#departamento {
  width: 100%;
}


.codigo-postal input {
  width: 100%;
}

.btn-guardar-direccion {
  background-color: var(--azul-nueva-marca);
  color: white;
  display: inline-flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

/* main#home-logged section.slider-top p {
  padding-right: 3.5rem;
} */

main#home-logged.contenido-principal section.slider-top {
  margin-top: 50px;
  /* padding: 50px 20px; */
  border-radius: 7px;
}

/* main#home-logged.contenido-principal section.slider-bottom {
  padding: 50px 20px;
} */

.beneficio.item .info p{
  font-family: Karla;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.side-bar-filtros {
  flex: 0 0 auto;
  width: 22%;
}

#tarjeta-tienda {
  margin: 0;
}

.tamaño-columna-tarjetas {
  flex: 0 0 auto;
  width: 78%;
}

.informacion-opciones {
  width: 80%;
  line-height: normal;
  display: grid;
  gap: 6px;
}

.contenedor_info_personal {
  display: grid;
  gap: 20px;
  margin-bottom: 36px;
}

.menu-subnavbar-hamburguesa {
  display: none;
}


.contenedor_contrasena {
  margin-top: 5%;
}

.crear-contrasena {
  margin-top: 3%;
}


a#ver-pedido {
  margin-top: 20px;
  border: none;
  /* text-decoration: underline; */
}

div.botones {
  display: grid;
  justify-items: center;
  /* position: unset; */
  height: fit-content;
}

div.contenedor-pedidos div.botones p.ft-28 {
  margin-bottom: 20px;
  margin-top: 20px;
}

img#img-login {
  width: 100%;
  height: 100%;
}

.contenedor-boton-regresar-credito{
  width: 45px;
  height: 45px;
  margin-bottom: 2%;
}

button#button-regresar {
  padding: 0;
  background: none;
  display: grid;
  justify-content: start;
}

section#opcion-saldar-deuda div.contenedor-pedidos.seleccionado {
  border-radius: 7px;
  border: 2px solid #644A9E;
  background-color: rgba(100, 74, 158, 0.10);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.boton.morado#saldar-deuda {
  width: 206px;
}

a#boton-carrito {

    width: 254px;
    justify-self: end;
  }


  button.boton-regresar-saldar-deuda {
    padding: 0;
    background: none;
    display: grid;
    justify-content: start;
}

  /*quiter el boton añadir al carrito de tarjeta*/
  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, bdi.woocommerce-Price-currencySymbol, span.price  {
    display: none;
}

/*boton de ver producto en toda la tarjeta*/
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 38%;
}


td.product-quantity input {
  width: 4rem;
  text-align: center;
  padding: 2%;
  margin-bottom: 2%;
}

/* span.woocommerce-Price-amount.amount {
  font-size: 20px;
} */

.woocommerce table.shop_table tbody td.product-name a {
	font-family: 'Karla-ExtraBold';
}

td.product-price.informacion {
  font-family: 'Karla-Bold';
}


td.product-subtotal.informacion {
  display: none;
}

/*Responsive home logueado*/

@media (max-width: 1200px) {


  a.enlaceCookies {
    font-size: 16px;
}


  .home-hero.contenedor-principal.padding-top-deslogueado .home-hero-text.ft-28-home-hero-text.aos-init.aos-animate {
    gap: 30px !important;
  }

  section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row.padding-top-logueado {
    margin-top: 50px;
  }

  .home-purpose {
    flex-direction: column;
    gap: 5%;
    align-items: center;
    height: fit-content;
    /* justify-content: center; */
}


main#home-logged.contenido-principal section.slider-top, main#home-logged.contenido-principal section.slider-bottom {
  margin-top: 25px;
  /* padding: 24px 20px; */
}

main.contenido-principal section.slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.info, main section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info {
  margin-left: 0px;
}


  div#modal_login_registro .contenedor_forms a {
    width: 100%;
}

  section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item {
    grid-template-areas:
        "info"
        "imagen";
}


section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info
{
  width: 100%;
  /* gap: 30px; */
  gap: 16px;
  padding: 10px;
  /* padding: 30px 27px 14px 30px; */
  text-align: center;
}

div.slide.info a button.boton-banner {
  /* position: unset; */
  width: fit-content;
  min-width: 150px;
  font-size: 16px;
  padding: 10px 15px;
  height: auto;
}

div.slide.info.banner-solo-texto a button.boton-banner-solo-texto{
  width: fit-content;
  min-width: 150px;
  font-size: 16px;
  padding: 10px 15px;
  height: auto;
  /* position: unset;
  bottom: unset;
  left: unset;
    transform: unset; */
}





section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item {
  grid-template-columns: 1fr;
  height: 100%;
}

section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen{
  align-items: flex-end;
  justify-content: center;
}

  section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }

  /* section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen img, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen img{
    margin-bottom: 33px;
  } */

  main#home-logged section.slider-top p {
    padding-right: 0;
  }

  .tamaño-columna-tarjetas{
    flex: 0 0 auto;
    width: 100%;
  }

  .category-card .cantidad-producto {
    padding: 0px;
  }

  .Vector.vector-web{
    display: none;
  }

}

/*RESPONSIVE*/

@media (max-width: 768px) {
  h1, .b-h1 {font-size: 40px;}
  h2, .b-h2 {font-size: 34px;}
  h3, .b-h3 {font-size: 29px;}
  h4, .b-h4 {font-size: 22px;}
  h5, .b-h5 {font-size: 19px;}
  p{font-size: 16px;}

  .p-24 > p, p.ft-24, .ft-24, .ft-24 p, .p-24 span, .p-24-ultimo-elemento p:last-child{font-size: 19px;}
  p.ft-28, .ft-28 p{font-size: 22px;}
  .home-hero-text.ft-28-home-hero-text > p{
    font-size: 19px;
    line-height: normal;
    width: 98%;
    font-family: 'Karla-SemiBold';
  }

  .home-index {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .contenido-principal.dark .home-hero.contenedor-principal.padding-top-deslogueado h1 {
    font-size: 36px;
    text-align: center;
  }

  .parrafo-buscador {
    font-size: 16px;
    font-family: 'Karla-Medium';
    line-height: normal;
  }

  .home-segmentation > div {
    padding: 30px 12.5px;
  }

  .home-segmentation > div > p {
    margin: 5px 0;
  }






main#home-logged .beneficios .beneficio.item{
  display: none;
}

.home-segmentation-item.bg-oxford-blue.aos-init.aos-animate h4 {
  font-family: 'Karla-Bold';
  line-height: 46.08px;
}

.rastreo-departamental{
  grid-template-columns: 1fr;
  gap: 10px;
}
.widget-med-container{
  width: 100%;
}
.widget-beetrack-cargoE, .buscar-wrapper-med {
  border-radius: 4px;
}
.cargoE{
  padding: 0% 0 3.98% 0;
  margin: 0 0.5% 40% 0.5%;
  width: auto;
  display: block;
  height: 277px;
}

.widget-box{
  color: #5BCC8A;
}

footer#footer_v2 section#menu div ul li a {

  font-size: 16px;
}

.lbl-med-seguimiento {
  padding: 3%;
}

.widget-box{
  margin: 1%;
}



}



@media (min-width: 769px) and (max-width: 1200px) {
  h1, .b-h1 {font-size: 52px;}
  h2, .b-h2 {font-size: 45px;}
  h3, .b-h3 {font-size: 38px;}
  h4, .b-h4 {font-size: 29px;}
  h5, .b-h5 {font-size: 26px;}
  p{font-size: 18px;}
  p.ft-24, .ft-24 p{font-size: 22px;}
  p.ft-28, .ft-28 p{p{font-size: 25px;}}
  .ft-28-home-hero-text > p, .parrafo-buscador{font-size: 25px;}
}

@media (min-width: 769px) and (max-width: 1200px) {
  section.home-hero {
    grid-template-columns: 1fr;
    justify-items: center;
    grid-template-rows: auto auto;
    grid-template-areas:
        "text"
        "image";
    justify-items: center;
    gap: 30px;
}

section.home-hero .home-hero-text {
  grid-area: text;
  text-align: center;
  padding: 0;
}
}

/*

@media (min-width: 993px) and (max-width: 1200px) {
  .navbar-expand-lg .navbar-toggler {
    display: inline-block;
}
.navbar-expand-lg .navbar-nav{
  flex-direction: column;
}
.navbar-expand-lg .navbar-collapse {
    display: flex;
    flex-basis: 100%;

}
}*/

@media (min-width: 992px) and (max-width: 1000px) {
.nav-rastreo-boton {
  margin-left: 1rem;
}
}

@media (min-width: 769px) and (max-width: 991px) {

  ul.navbar-nav.home-navbar-ul {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end;
  }


  a.navbar-brand {
    grid-column: 1;
    grid-row: 1;
  }





  li#boton-ingresar button {
    padding: 15px 20px;
  }


  @media (min-width: 769px) and (max-width: 1200px) {
    .container.home-navbar {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 10px;
      justify-items: end;
    }

    div#navbarNav .navbar-expand-lg .navbar-nav {
      flex-direction: column !important;
    }
  }


  ul.navbar-nav.home-navbar-ul {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
}

}

@media (min-width: 769px) and (max-width:992px) {
  div.side-bar-filtros{
    width: 100%;
  }
}


@media (min-width: 576px) and (max-width:992px) {

section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row .filtros_w .woocommerce ul.products.columns-5 {
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  }

}


@media (max-width: 992px) {
  
  div.contenedor-buscador-tags {
    grid-template-columns: 1fr;
  }



}
@media (min-width: 769px) and (max-width: 992px) {



section.home-hero .home-hero-text {
  grid-area: text;
  text-align: center;
  padding: 0;
}

.home-hero-img.aos-init.aos-animate {
  height: fit-content;
  width: 100%;
}

.home-hero-img > img {
  border-radius: var(--border-radius-containers);
  width: 100%;
}


.home-category-desktop-section {
  display: none;
}

.home-category-mobile-section {
  display: block;
}


  section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row{
    justify-content: center;
  }



  button.open-modal-shop {
  width: 98%;
  color: white;
  margin: 0 auto;
  background-color: #644A9E;
  }
}

@media (min-width: 992px)  {
  section.productos div.slider_productos div.producto.tarjeta.frontal.slick-slide.slick-active:hover,
    .producto.tarjeta.frontal:hover, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover  {
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 7px;
    }
  }


@media (min-width: 992px) and (max-width: 1400px) {
  .side-bar-filtros{
    width: 30%;
  }

  .tamaño-columna-tarjetas {
    width: 70%;
  }

  .woocommerce ul.products.columns-5 {
    grid-template-columns: 1fr 1fr 1fr;
}

}

@media (min-width: 1200px) and (max-width: 1728px) {

  section.categorias .showcase {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {

  section.categorias .showcase {
    grid-template-columns: 1fr 1fr 1fr ;
  }



  footer#footer_v2 section#menu {
    grid-template-columns: 1fr;
    text-align: center;
    align-items: center;
}
footer section#menu div {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 10px;
    line-height: 28.8px;
  }

  footer section#menu div#info-empresa{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: white;
    padding-top: 68px;
  }

  footer section#menu div#info-empresa div#info {
    margin-top: 10px;
  }

  footer section#menu .BotonesContacto {
    text-align: center; /* Alineación centrada para botones de contacto */
    display: flex;
    flex-direction: column; /* Cambia la dirección de la disposición a columna */
    align-items: center; /* Centra los elementos horizontalmente */
  }

  .BotonesContacto a {
    width: 100%; /* Ancho completo para ocupar la columna completa */
    margin-bottom: 10px; /* Espacio entre los botones */
  }
  img#LogoFooter{
    margin-left: 0;
  }

  .BotonesContacto .btn-telefono {
    display: block;
 }
}

@media (min-width: 320px)  and (max-width: 400px) {
  .modal_ingreso.registrarse .Vector.vector-mobile  {
    display: grid;
    z-index: 1000;
    position: absolute;
    right: 3px;
    top: 5px;
}

div.contenedor_presentacion .Vector.vector-mobile-activar {
  display: grid;
  z-index: 1000;
  position: absolute;
  right: 10px;
  top: 10px;
}

  img.home-purpose-img {
    border-radius: var(--border-radius-containers);
    width: 285px;
    height: 285px;
  }
section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row
{
 grid-template-columns: 1fr ;
 justify-content: center;
}
section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row .filtros_w .woocommerce ul.products.columns-5 {
 justify-content: center ;
 grid-template-columns: 1fr 1fr;
}
.woocommerce ul.products.columns-5 {
  grid-template-columns: 1fr 1fr;
}

}

@media (min-width: 320px) and (max-width: 576px) {
 /* .navbar {
    padding: 2rem 4% 8% 4%;
}*/

.home-category-row h5 {
  font-size: 14px;
}

.whyUs-purpose-imgs, .whyUs-purpose-imgs-2 {
  height: 445px;
}

section.categorias .showcase {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

  .category-card {
    width: 100%;
    height: 10rem;
  }

  section.categorias .categoria.tarjeta div.img img {
    height: 50px;
    width: 50px;
  }

  .whyUs-history-container-bottom > img:nth-child(2), .whyUs-history-container-top > img:nth-child(1){
    width: 100%;
    height: 279px;
    border-radius: 32px;
    margin: 0 0 0 0;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    box-shadow: 0px 16px 48px 0px rgba(17, 17, 17, 0.50);
  }

  img.whyUs-hero-img {
    width: 100%;
    height: 278px;
  }

  .our-clients-left {
    height: auto;
    width: 100%;
    align-self: center;
  }

  section.categorias .categoria.tarjeta {
    height: 168px;
    padding: 0;
  }



}

@media (min-width: 401px) and (max-width: 1200px) {
  .modal_ingreso.registrarse .Vector.vector-mobile {
    display: grid;
    z-index: 1000;
    position: absolute;
    right: 10px;
    top: 10px;
  }

  div.contenedor_presentacion .Vector.vector-mobile-activar {
    display: grid;
    z-index: 1000;
    position: absolute;
    right: 10px;
    top: 10px;
  }

}


@media (min-width: 400px) and (max-width: 576px) {
  section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row .filtros_w .woocommerce ul.products.columns-5, .woocommerce ul.products.columns-5 {
    justify-content: center ;
    grid-template-columns: 1fr 1fr;
  }
}

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


  img.home-purpose-img {
    border-radius: var(--border-radius-containers);
    width: 346px;
    height: 346px;
}

  section.contenido-principal.v1.light.centrado-general .ContenedorContenido .row
 {
  grid-template-columns: 1fr;
  justify-content: center;
 }


.woocommerce ul.products.columns-5 {
  grid-template-columns: 1fr 1fr;
}
}
/*
@media (min-width: 577px) and (max-width: 768px) {
  .navbar {
    padding: 0.5rem 4% 8% 4%;
 }


}
*/

.Vector.vector-mobile-activar {
  display: none;
}

@media (min-width: 320px) and (max-width: 768px) {
  div.side-bar-filtros{
    width: 100%;
  }

  .whyUs-purpose-txt-container h3 {
    color: #000;
    font-family: 'Karla-Medium';
    line-height: normal;
  }

  section.why-us-hero.bg-oxford-blue.contenedor-principal.whyUs-hero-hr.ft-28.about-us-introtxt h1{
    line-height: normal;
    letter-spacing: 0.32px;
    font-size: 39px;
  }

  .about-us-introtxt p {
    text-align: left;
    color: #fff;
    line-height: normal;
  }

  main#nosotros .about-us-introtxt p {
    color: rgba(255, 255, 255, 0.80);
}

  div#cont-cookie {
    display: grid;
    grid-template-columns: 1fr;
    padding: 20px 31px 20px 20px;
}

  div.contenedor_cookies {
    width: auto;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 14px;
}

p.parrafo_cookie{
  text-align: center;
}

  /* .contafctoV2-formulario-contenedor {
    display: grid;
    height: fit-content;;

  } */

  div.botones-cookies{
    grid-template-columns: 1fr;
  }

  /* .botones-cookies div.Vector {
    display: none;
  } */

  .contactoV2-formulario-left {
    height: fit-content;
    padding: 30px;
  }






  main.contenido-principal, div.contenido-principal, section.contenido-principal {
    padding-top: 7vh;
  }

  button.open-modal-shop {
    width:96%;
    margin: 0 auto;
    color: white;
    background-color: #644A9E;
}
 .navbar-nav .nb-main-dropdown {
     position: static;
     right: 0px;
 }



 section.home-hero {
     grid-template-columns: 1fr;
     justify-items: center;
     grid-template-rows: auto auto;
         grid-template-areas:
             "text"
             "image";
         justify-items: center;
     gap: 5px;
 }
 section.home-hero .home-hero-text {
     grid-area: text;
     text-align: center;
     padding: 0;
 }
 section.home-hero .home-hero-text > h1{
     padding: 7px;

 }
 .home-hero-img {
     grid-area: image;
     margin-top: 20px;
 }


   .home-hero-img.aos-init.aos-animate{
     height: fit-content;
     width: 100%;
   }

   #titulo-portafolio {
     text-align: left;
 }
 .home-about-why-us-column2-title > h2 {
     line-height: normal;
 }



 img.bg-a-card-quote {
  height: auto;
  background-size: contain;

}


img.bg-a-card {
  height: auto;
}

.home-quote-data-gradient{
  padding: 45px 0;
}

.whyUs-ourEssence-txt-container.ft-24 p {
  line-height: normal;
}

.whyUs-ourEssence > .whyUs-ourEssence-imgs-container{
  height: fit-content;
}

.whyUs-ourEssence-imgs {
  height: 45vh
}

.whyUs-history .whyUs-history-container .whyUs-history-container-top .whyUs-history-container-top-text h3 {
  line-height: normal;
}

.whyUs-history > h2 {
margin-bottom: 30px;
}

.whyUs-history-container-top-text.ft-24 p {
  line-height: normal;
}
.whyUs-history-container-top-text.ft-24 {
  margin-bottom: 20px;
}

.body-a-card.estilos-body-a-card.fc-white80.p-24 {
  line-height: 28.8px;
}

.ft-28.features-intro h2 {
  font-family: 'Karla';
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
  margin-bottom: 20px;
}

.ft-28.features-intro p {
  line-height: normal;
  margin-bottom: 30px;
}

.features-container-largeItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate, .features-container-normalItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate  {
  padding: 30px;
}

.features-container-largeItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate h4, .features-container-normalItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate h4 {
  margin-bottom: 20px;
}

.features-container-largeItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate p, .features-container-normalItem.bg-penn-blue.fc-white80.p-24.aos-init.aos-animate p {
  color: rgba(255, 255, 255, 0.80);
  font-family: Karla;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.features-container-largeItem.features-container-largeItem-bottom.bg-penn-blue.features-cont-img.aos-init.aos-animate {
  width: 100%;
  height: 202px;
  flex-shrink: 0;
  margin-left: 0;
}

.our-clients-right h2 {
  margin-bottom: 20px;
  font-family: Karla;
  font-weight: 700;
}

.our-clients-right p {
  line-height: normal;
}

.whyUs-segment-cont.aos-init.aos-animate {
  margin-bottom: 30px;
}
.whyUs-segment-bold > p:first-child{
  margin-top: 0;
  margin-bottom: 15px;
}



main#denuncias section.banner .info h1 {
  font-family: 'Karla-ExtraBold';
  font-size: 44px;
  line-height: normal;
  letter-spacing: 0.32px;
  padding: 1rem 1rem 1rem 0;
}

section.banner.contenedor-principal .info.ft-28 p {
  line-height: normal;
}

section.banner.contenedor-principal div.img {
    width: 100%;
}


.denuncias h2 {
  font-family: 'Karla-Bold';
  line-height: 67.2px;
}

section.bg-light-gray.pd-sections.ft-28.denuncias p {
  line-height: normal;
}

.complaints-message-inpt > .wpcf7 > .wpcf7-form > .wpcf7-form-control-wrap >textarea {
  border-radius: 10px;
  width: 100%;
  height: 292px;

}

.complaints-message-inpt > .wpcf7 > .wpcf7-form > .wpcf7-submit {
  align-self: start;
  width: 159px;
  height: 43px;
  padding: 15px 50px;
  margin-top: 20px;
}

.contenedor_vista_individual {
  margin-bottom: 75px;
  margin-left: 20px;
  margin-right: 20px;
}

main nav.woocommerce-breadcrumb, main nav.woocommerce-breadcrumb a {
  margin-left: 10px;
}


.body-a-card > h4 {
  line-height: normal;
  margin-bottom: 12.5px;
}
 /*footer*/
     footer#footer_v2 section#menu {
         grid-template-columns: 1fr;
         text-align: center;
         align-items: center;
     }
     footer section#menu div {
         display: flex;
         flex-direction: column;
         align-content: center;
         align-items: center;
         padding: 10px;
       }

       footer section#menu div#info-empresa{
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         color: white;
         padding-top: 75px;
       }

       footer section#menu div#info-empresa div#info {
         margin-top: 10px;
       }

       footer section#menu .BotonesContacto {
         text-align: center; /* Alineación centrada para botones de contacto */
         display: flex;
         flex-direction: column; /* Cambia la dirección de la disposición a columna */
         align-items: center; /* Centra los elementos horizontalmente */
       }

       .BotonesContacto a {
         width: 100%; /* Ancho completo para ocupar la columna completa */
         margin-bottom: 10px; /* Espacio entre los botones */
       }
       img#LogoFooter{
         margin-left: 0;
       }

       .BotonesContacto .btn-telefono {
         display: block;
      }


      .whyUs-ourEssence {
        display: grid;
        grid-template-columns: 1fr;
        background-color: #051E55;
        justify-items: center;
      }

      .whyUs-ourEssence-txt-container {
        margin-right: 0;
        padding-right: 0;
        width: 100%;
    }

  .container.home-navbar {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    justify-items: end;
}
a.navbar-brand {
  grid-column: 1;
  grid-row: 1;
}
button.navbar-toggler {
  grid-column: 2;
  grid-row: 1;
}
div#navbarNav {
  grid-column: 1 / span 2;
  grid-row: 2;
  margin-right: 0;
}



li#boton-ingresar button {
  padding: 15px 20px;
}

}
@media (min-width: 1200px) {

  .home-hero-text.ft-28-home-hero-text.hero-new-hero, .home-hero-text.ft-28-home-hero-text.hero-new-hero > h1, .home-hero-text.ft-28-home-hero-text.hero-new-hero > p{
    text-align: left;
  }
  
  .flecha-subnav-visible{
    display: none;
  }

  .flecha-subnav-oculto {
    display: none;
  }

.navbar-expand-lg .navbar-nav {
  flex-direction: row;
}

nav.navbar.bg-oxford-blue.fixed-top{
  padding: 20px 70px;
}
}
/*404 responsive*/

@media (max-width: 1200px) {



  .flecha-subnav-visible{
    display: none;
}

.flecha-subnav-oculto {
    display: inline;
}


  /* main#home-logged.contenido-principal section.slider-top, main#home-logged.contenido-principal section.slider-bottom {
    height: 500px;
  }  */

  /* .carousel-inner .carousel-item {
    height: 450px;
  } */

  main.contenido-principal section.slider-top  div.carousel.slide  div.carousel-inner  div.carousel-item  div.slider.item div.slide.info, main.contenido-principal section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info {
    align-content: center;
    gap: 16px;
  }

  .nav-rastreo-boton {
    border-radius: 5px;
    padding: 10px 0px;
    margin-right: 0;
  }

  div#navbarNav {
    grid-column: 1 / span 2;
    grid-row: 2;
    margin-right: 0;
    background-color: var(--oxford-blue);
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    padding: 34px 18px;
  }

  button.navbar-toggler {
    grid-column: 2;
    grid-row: 1;
  }

  li.nav-item.dropdown ul.dropdown-menu {
    background: transparent;
    padding-top: 0;
    padding-right: 20px;
    border: none;
  }


  li.nav-item.dropdown a {
    text-align: end;
  }

  li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item{
    color: #4EB3FF;
  }


  #navbarNav .navbar-nav .nav-item .nav-link {
    padding-right: 0;
  }

 .contenedor-principal{
  padding: 50px 26px 0 26px;
}

  footer section#menu div#info-empresa {
    padding-bottom: 40px;
}

  div#img-404 {
      display: none;
  }

  main.principal.personalizado.not-found.estilos-v2 div.principal {
      grid-template-columns: 1fr;
      padding: 101px 22.5px 101px 21.5px;
      height: auto;
      gap: 0;
  }

  main.principal.personalizado.not-found.estilos-v2 div.principal div#info {
    width: 100%;
    margin-top: 0;
  }

  main.principal.estilos-v2 h2.b-h2 {
    font-size: 34px;
  }

  .boton.morado#pagina-inicio-pagina-no-encontrada, .boton.azul#iniciar-sesion-pagina-no-encontrada{
    width: 100%;
  }

  main.principal.personalizado.not-found.estilos-v2 div.principal div#info h2, main.principal.personalizado.not-found.estilos-v2 div.principal div#info p {
    text-align: center;
  }

  .complaints-hero-txt-btns {
    grid-template-columns: 1fr;
  }
}



/*Modal iniciar sesion / registrarse*/

.img-login-responsive{
  display: none;
}
@media (max-width: 1200px) {

  #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse .contenedor_texto, #modal_login_registro .cont_modal_transparent .modal_ingreso.activar .contenedor_presentacion .contenedor_texto{
    align-self: center;
  }

  #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse, #modal_login_registro .cont_modal_transparent .modal_ingreso.activar {
    grid-template-columns: 1fr;
    height: 620px;
    width: fit-content;
    margin: 0 2%;
  }

  #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse .contenedor_presentacion, #modal_login_registro .cont_modal_transparent .modal_ingreso.activar .contenedor_presentacion{
    border-radius: 20px 20px 0px 0px;
    height: 130px;
  }

  #modal_login_registro .cont_modal_transparent  .modal_ingreso.registrarse .contenedor_forms, #modal_login_registro .cont_modal_transparent  .modal_ingreso.activar .contenedor_forms{
    border-radius: 0px 0px 20px 20px;
    min-height: 565px;
    height: fit-content;
    align-content: flex-start;
    padding-top: 30px;
  }

  .contenedor_texto h3 {
    color: #FFF;
    font-family: Karla;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
  }
  img#img-login, img#img-fondo-activar-cuenta  {
    display: none;
}
img#img-login-responsive{
  display: block;
  position: absolute;
  top: 0;
}
#modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse .contenedor_menu{
  padding: 0;
}
.contenedor_forms .contenedor_inicia_sesion form{
  width: 100%;
}
.contenedor_registrarse .contenedor_opcion h3 {
  font-size: 20px;
}
.contenedor_registrarse .contenedor_opcion p {
  font-size: 16px;
}
.modal_ingreso.registrarse .contenedor_forms span a {

  font-size: 16px;
}
.sub_contenedor.instrucciones.verificacion_ins_usuario p, .cont_verif.cont_nit p, .cont_valid_email.cont_verif_margin p, .cnt_contenido_item.sub_contenedor.input.verif_email p, .cont_valid_pass.cont_verif_margin p {
  font-size: 19px;
}
}

@media (min-width: 576px) and (max-width: 1200px) {

  div.slide.info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse .contenedor_presentacion{
    width: 520px;
  }

  #modal_login_registro .cont_modal_transparent  .modal_ingreso.registrarse .contenedor_forms, #modal_login_registro .cont_modal_transparent  .modal_ingreso.activar .contenedor_forms{
    width: 520px;
    padding: 20px
}



}


@media (min-width: 320px) and (max-width: 575px) {
  .slide.info {
    height: auto;
    /* max-height: 350px;
    overflow: overlay;
    text-overflow: ellipsis;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; */
  }


}

/*responsive vista producto individual*/

@media (min-width: 320px) and (max-width: 1200px) {
section.related.products {
  width: 100%;
}

.home-quote-container {
  width: 100%;
  margin-bottom: 47px;
}

.home-numbers-container.fc-white80.home-numbers-number.aos-init.aos-animate h1 {
  font-size: 60px;
}

.home-numbers-container.fc-white80.home-numbers-number.aos-init.aos-animate p {
  font-size: 19px;
}


.navbar-nav{
  align-items: center;
}

ul.navbar-nav.my-2.my-lg-0.hl-navoption-icons li.nav-item a.nav-link svg {
  width: 25px;
  height: 25px;
}


.contenedor_vista_individual > .product.type-product:first-child, .contenedor_vista_individual > .product.type-product:nth-child(2){
  grid-template-columns: 1fr;
  gap: 20px;
}
.ContenidoGeneral.padding-top-vista-individual-logueado{
  padding-top: 125px;
  margin: 0 15px;
}

.ContenidoGeneral.padding-top-vista-individual-deslogueado {
  padding-top: 40px;
} 

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
  grid-template-columns: 1fr;
}

.contenedor_vista_individual div.product div.images .flex-control-thumbs{
  flex-wrap: nowrap;
  grid-area: auto;
}

main nav.woocommerce-breadcrumb, main nav.woocommerce-breadcrumb a {
  font-size: 12px;
}

div h1.product_title.entry-title {
  font-size: 29px;
  margin-bottom: 15px;
}

.forma-venta p, div span.sku_wrapper {
  font-size: 14px;
}

div.forma-venta{
  height: fit-content;
}

div.product_meta_categoria .posted_in, div.product_meta_categoria .posted_in span, div.product_meta_categoria .posted_in p, div.product_meta_categoria p, div.product_meta_categoria .posted_in a, .product_meta_categoria p {
  font-size: 16px;
}
div section.related.products h2{
  font-size: 32px;
}


ul.products li.product {
  width: 100%;
}

form.cart.producto-individual button.azul-primario{
  font-size: 16px;

}
form.cart.producto-individual{
  margin-top: 10px;
}

input.qty{
  width: 69px;
}

}

@media (min-width: 320px) and (max-width: 576px) {

  div section.related.products ul.products.columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    justify-content: center;
  }

  img.whyUs-essence-2.img-cover.aos-init.aos-animate, img.whyUs-essence-3.img-cover.aos-init.aos-animate {
    height: 215px;
  }

  .whyUs-ourEssence-imgs > img {
    height: 255px;
  }

}


@media (min-width: 320px) and (max-width: 399px) {
  div.slick-list div.slick-track {
    gap: 8px;
  }
  }


@media (max-width: 430px) {
  div#navbarNav{
    width: 250px;
  }

  h2#titulo-portafolio {
    font-size: 30px;
  }
}

@media (min-width: 430px) and (max-width: 1200px) {
  div#navbarNav{
    width: 287px;
  }
}

  @media (min-width: 1200px) and (max-width: 1600px) {

    .whyUs-history-container-bottom > img:nth-child(2), .whyUs-history-container-top > img:nth-child(1) {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
  }

  @media (min-width: 992px) and (max-width: 1200px) {
    .whyUs-history-container-bottom > img:nth-child(2), .whyUs-history-container-top > img:nth-child(1) {
      width: 100%;
    }
  }
@media (min-width: 400px) and (max-width: 768px) {
  div.slick-list div.slick-track {
    gap: 15px;
  }
  .whyUs-history-container-bottom > img:nth-child(2), .whyUs-history-container-top > img:nth-child(1) {
    width: 100%;
    /* height: 278px; */
    margin-left: 0;
    margin-right: 0;
  }
  }

  @media (max-width: 400px) {
    .whyUs-history-container-bottom > img:nth-child(2), .whyUs-history-container-top > img:nth-child(1) {
      width: 100%;
      /* height: 250px; */
      margin-left: 0;
      margin-right: 0;
    }

    div.carousel-inner div.carousel-item{
      height: fit-content;
    }
    /* main#home-logged.contenido-principal section.slider-top, main#home-logged.contenido-principal section.slider-bottom {
      height: 500px;
    } */
  }

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

  div section.related.products ul.products.columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .category-card {
    width: 100%;
    height: 15rem;
  }

img.whyUs-hero-img {
  width: 100%;
  height: 278px;
  margin-top: 30px;
  margin-bottom: 45px;
}
.our-clients-left {
  height: auto;
  width: 100%;
  align-self: center;
}


}

@media (min-width: 768px) and (max-width: 1300px){
  main#home-logged section.beneficios
  {
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    column-gap: 50px;
  }

  .beneficio.item{
    width: 270px;
    justify-content: unset;
  }
}

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


  div section.related.products ul.products.columns-4 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
  }

  main nav.woocommerce-breadcrumb, main nav.woocommerce-breadcrumb a {
    font-size: 16px;
  }

  div h1.product_title.entry-title {
    font-size: 52px;
  }

  .forma-venta p, div span.sku_wrapper {
    font-size: 18px;
  }

  div.product_meta_categoria .posted_in, div.product_meta_categoria .posted_in span, div.product_meta_categoria .posted_in p, div.product_meta_categoria p, div.product_meta_categoria .posted_in a, .product_meta_categoria p {
    font-size: 20px;
  }
  div section.related.products h2{
    font-size: 45px;
  }

  section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item {
    grid-template-columns: auto;
  }

  section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide-info, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide-info {
    justify-content: center;
  }

}


/*.slider_productos .slick-list .slick-track .producto.tarjeta.frontal.slick-slide .contenido, .producto.tarjeta.frontal .contenido p.precio-producto-info{
    font-weight: bold;
}*/

.quantity-wrapper{
  display: flex;
  align-items: center;
  width: fit-content;
}

button.quantity-plus, button.quantity-minus{
  display: grid;
  align-content: center;
  background: none;
  border: 1px solid black;
  width: 50px;
  height: 54px;
  padding: 22px 20px;
}

button.quantity-plus:focus,
button.quantity-minus:focus{
        border: 1px solid black;
    }

/*input.qty:focus{
  border: 1px solid black;
}*/
.qty {
  width: 73px;
  height: 54px;
  border: 1px solid black;
  margin: 0 5px;
  text-align: center;
  font-size: 20px;
}



form.cart.producto-individual .quantity-wrapper .quantity input.qty[type='number'][type='number']::-webkit-inner-spin-button, form.cart.producto-individual .quantity-wrapper .quantity input.qty[type='number'][type=
'number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin:0;
 }

/*maqueta tarjeta producto*/

main.maqueta-tarjeta-producto {
  margin: 10%;
}

main.maqueta-tarjeta-producto div.img{
  width: 300px;
}
main.maqueta-tarjeta-producto div.img img{
  max-width: 100%;
}

main.maqueta-tarjeta-producto .producto.tarjeta.frontal{
  width: 300px;
}



/*Numero pagina*/


.woocommerce nav.woocommerce-pagination ul.page-numbers li, section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers li{
  border-right: unset;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers, section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li,section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers li {
  margin: 6px;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span, section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers li a{
  display: flex;
  width: 37px;
  height: 37px;
  padding: 5px 9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  font-family: 'Karla-SemiBold';
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current, nav.woocommerce-pagination ul.page-numbers li a.current, section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers li a:hover{
  background: #0066B3;
  color: white;
}


@media (max-width: 768px) {
  .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span, section#opcion-pedidos nav.woocommerce-pagination ul.page-numbers li a{
    display: flex;
    width: 35px;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    font-family: 'Karla-SemiBold';
  }
}


/*botones banners home*/





.carousel-control-next-icon, .carousel-control-prev-icon {
  filter: invert(100%);
}

@media screen and (max-width: 768px) {
  .carousel-control-next-icon, .carousel-control-prev-icon{
    display: none;
  }

  .carousel.pointer-event {
    height: 100%;
  }

}

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


  /* main#home-logged section.slider-top {
    height: 557px;
  } */
}


/*banner logged in*/

main.contenido-principal .slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.info, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info{
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  gap: 6%;
  width:100%;
  margin-left: 125px;
}

/*main.contenido-principal .slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.info a, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.info a{
  margin-bottom: 45px;
}
*/



@media (min-width: 320px) and (max-width: 1200px) {


  .a-card.bg-penn-blue.acercar-desktop, .a-card.bg-penn-blue.margin-home-awus-card.excelencia-desktop, .a-card.bg-oxford-blue.margin-home-awus-card-2.cobertura-desktop {
    display: none;
  }

  /* .a-card.bg-penn-blue.etica-cumplimiento-desktop */

  .a-card.bg-penn-blue.acercar-mobile, .a-card.bg-oxford-blue.margin-home-awus-card-2.cobertura-mobile {
    display: block;
    margin-top: 10%;
  }

  .a-card.bg-penn-blue.margin-home-awus-card.excelencia-mobile {
    display: block;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .a-card.bg-oxford-blue.margin-home-awus-card.aos-init.aos-animate {
    margin-bottom: 30px;
 }

 .whyUs-purpose-imgs > img {
  width: 100%;
 }
}

@media (min-width: 1201px){
.a-card.bg-penn-blue.acercar-mobile, .a-card.bg-penn-blue.margin-home-awus-card.excelencia-mobile, .a-card.bg-oxford-blue.cobertura-mobile {
  display: none;
}



}

/* .woocommerce-notices-wrapper {
  display: none;
} */

span.restablecer-contrasena{
  margin-top: 17px;
}

/* .wpcf7-response-output {
  display: none;
} */

.wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  margin: 0;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}


.titulo-categorias-logued-out {
  display: grid;
  grid-template-columns: 3fr 1fr;
  margin-top: 100px;
  margin-bottom: 50px;
}

.titulo-categorias-logued-out a.ver-categorias {
  color: #fff;
}

.titulo-categorias-logued-out a.ver-categorias:hover{
  color: #5C5C5C;;
}

@media (min-width: 1201px) {
  div#navbarNav {
    display: flex;
  }
  li.nav-rastreo-boton #boton-rastreo{
    padding: 0;
    color: white;
  }

}

ul.nav-bar-deslogueado {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

button.navbar-toggler.boton-navbar-deslogueado {
  display: none;
}

 @media (max-width: 1200px) {
  button.navbar-toggler.boton-navbar-deslogueado {
    display: grid;
  }

  .navbar-expand-lg .navbar-toggler.boton-navbar-deslogueado{
    display: grid;
  }

  ul.nav-bar-deslogueado {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    list-style: none;
    justify-items: end;
    flex-direction: column;
  }

  #sub-navbar-logueado {
    display: none;
}


  div.container.home-navbar {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    justify-items: end;
  }

  nav.navbar.navbar-expand-lg.bg-oxford-blue.fixed-top {
    display: grid;
    grid-template-columns: 1fr;
  }

  ul.dropdown-menu.nb-main-dropdown {
    position: static;
  }

  li.nav-rastreo-boton #boton-rastreo{
    padding: 0.5rem 1rem;
    color: white;
  }

 }

 /*Mi informacion de credito - facturas pendientes de pago*/

 .paginacion-facturas {
    position: absolute;
    bottom: 0px;
    right: 10px;
  }


button#prev, button#next {
  background-color: transparent;
}


/*carrusel*/

section.slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.info {
  width: 85%;
}

main#home-logged section.slider-top, main#home-logged section.slider-bottom{
  /* height: 600px; */
}

.carousel-item .slider.item .slide.imagen {
  width: 100%;
}

.carousel-item {
  height: auto;
}

section.slider-top .carousel.slide .carousel-inner div.carousel-item div.slider.item, section.slider-bottom .carousel.slide .carousel-inner div.carousel-item div.slider.item {
  grid-template-columns: 43% 55%;
}


/* .boton-banner {
  position: absolute;
  bottom: 40px;
} */

main#home-logged section.slider-top, main#home-logged section.slider-bottom {
  position: relative;
}

 .carousel-indicators {
  position: absolute;
  bottom: 0px;
  /* margin-bottom: 0; */
}


.contador-ocultos {
  background-color: #EDF1F4;
  font-size: 36px;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  font-family: 'Karla-SemiBold';
  height: 130px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


img.woocommerce-placeholder.wp-post-image {
  width: 100%;
  height: auto;
  border-radius: 7px;
}

.woocommerce table.shop_table td {
  border-top: none;
}

/**/
.contenedor-inputs-verificacion{
display: grid;
gap: 20px;
margin: 15px 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 768px) {
  .contenedor-inputs-verificacion{
    grid-template-columns: 1fr 1fr 1fr;
    }

}

@media (max-width: 450px) {
  .cont_valid_email{
    overflow: hidden;
  }
  button#edit_email, button#edit_nit{
    width: 20px;
  }
  .modal_ingreso.activar .contenedor_forms .sub_contenedor.input p {
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
}

#cargandoContenido, #cargandoContenidoLoader2 {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  position: relative;
  left: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#mensaje_vencimiento-perfil {
  color: #C20000;
  font-family: 'Karla';
  font-size: 16px;
  line-height: normal;
  width: 100%;
  margin-top: 7px;
}

.padding-top-logueado{
  padding-top: 50px;
}

.padding-top-deslogueado, .contacto-hero-container.pd-sections-contacto.padding-top-deslogueado, .contenido-principal .ContenedorContenido .row.padding-top-deslogueado{
  padding-top: 0;
}

.contenido-principal .ContenedorContenido .row.padding-top-deslogueado, .row.padding-top-logueado .open-modal-shop{
  margin-top: 0;
}



.instrucciones-rastreo.padding-top-logueado{
  padding-top: 150px;
}

.contenido-principal-categorias.padding-top-deslogueado, .contenedor-principal.contenedor-marcas.padding-top-deslogueado, main.contenido-principal.dark.padding-top-deslogueado {
  padding-top: 90px;
}

section.contenido-principal.light.padding-top-logueado{
  padding-top: 50px
}

section.contenido-principal.light.padding-top-logueado{
  padding-top: 50px
}

@media (max-width: 1200px) {

  section.contenido-principal.light.padding-top-logueado{
    padding-top: 50px
  }

  .contenido-principal-marcas.padding-top-logueado{
    padding-top: 80px;
  }
  .contenido-principal-categorias.padding-top-logueado {
    padding-top: 130px;
  }

  div.instrucciones-rastreo.padding-top-deslogueado{
    padding-top: 20px;
  }

  main.contenido-principal-categorias.padding-top-deslogueado, main.contenido-principal-marcas.padding-top-deslogueado, main.contenido-principal.dark.padding-top-deslogueado{
    padding-top: 50px;
  }

  .contenedor-principal.contenedor-categorias, .contenedor-principal.contenedor-marcas.padding-top-deslogueado {
    padding-top: 0;
  }
}

@media (min-width: 1400px) {
  section.related.products ul.products.columns-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 300px));
    gap: 10px;
    margin-bottom: 75px;
  }
}


.slick-track .slick-slide a img {
  padding: 0;
}


.complaints-hero-txt-btns a {
  width: 100%;
}

div.collapsing{
  height: 100vh !important;
}

header.woocommerce-products-header {
  margin: 20px 0 10px 0;
}

.producto.tarjeta.frontal .img img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 100%;
  height: auto;
}

.boton-cerrar-modal-mobile{
  background-color: transparent;
}


 /* .producto.tarjeta.frontal.slick-slide.slick-active {
  margin-right: 10px;
}  */


.slick-track .slick-slide a img {
  padding: 0;
  border-radius: 10px;
}

.slick-track {
  display: flex;
  align-items: center;
}

p span.precio.regular {
  color: black;
}


.buscador-tienda-deslogueado{
  display: block;
}

.buscador-tienda-logueado{
  display: none;
}


section.contenido-principal.light.padding-top-logueado .ContenedorContenido .row .side-bar-filtros .filtros_cont .row {
  margin-top: 10px;
}

.BuscadorPersonalizadoLogueado {
  display: none;
}

.mensaje-eliminacion-producto .woocommerce-notices-wrapper .woocommerce-message {
  display: none;
}

/* form.woocommerce-cart-form main.area-contenido{
  padding: 5vw 3vw 6vw 3vw;
} */

.contenedor_inicia_sesion #loginform label {
  font-family: 'Karla-Bold';
}

.woocommerce-error {
  display: none;
  border-top-color: #b81c23;
  margin-top: 54px;
  background: #F4F5F5;
  margin-bottom: 0;
}

/* .woocommerce-checkout .woocommerce-error {
  display: grid;
  border-top-color: #b81c23;
  margin-top: 100px;
  background: #F4F5F5;
  margin-bottom: 0;
} */

h3#order_review_heading {
  display: none;
}


p.ft-24.recibo-descueto {
  border-radius: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-left: 1px solid rgba(0, 0, 0, 0.10);
  background: #C20000;
  color: white;
  display: flex;
  padding: 2px 10px;
  align-items: flex-start;
  gap: 10px;
  width: fit-content;
}

span.cantidad-unidades {
  color: #0066B3;
  font-family: 'Karla-SemiBold';
}

div.advertencia-carrito.producto-anadido-al-carrito {
  display: grid;
  grid-template-columns: 1fr;
  /* align-content: center; */
  /* justify-content: center; */
  height: fit-content;
  border-radius: 7px;
  border: 2px solid #0066B3;
  background: #F4F5F5;
  box-shadow: 0px 85px 24px 0px rgba(0, 0, 0, 0.01), 0px 54px 22px 0px rgba(0, 0, 0, 0.06), 0px 30px 18px 0px rgba(0, 0, 0, 0.20), 0px 14px 14px 0px rgba(0, 0, 0, 0.34), 0px 3px 7px 0px rgba(0, 0, 0, 0.39);
  margin-top: 0;
  right: 10px;
  z-index: 10000;
  width: 450px;
  overflow: visible;
  left: unset;
}

.info-producto-notificacion-anadido {
  padding: 20px;
  display: grid;
  grid-template-columns: 0.5fr 5fr;
  align-items: center;
  justify-items: center;
  gap: 10px;
}

.contenedor-notificacion-total-carrito {
  display: grid;
  grid-column: 1 / 2 span;
  border-top: 2px solid #0066B3;
  text-align: center;
  align-items: center;
  padding: 20px;
}

.contenedor-notificacion-total-carrito p {
  font-size: 18px;
}

.boton-cerrar-advertencia.cerrar-advertencia-carrito{
  display: none;
}

div.advertencia-carrito.producto-anadido-al-carrito .contenido-advertencia-carrito-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

div.advertencia-carrito.producto-anadido-al-carrito .contenido-advertencia-carrito, div#eliminado-del-carrito .contenido-advertencia-carrito, div#eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia a  {
  font-family: 'Karla-Bold';
}


.flecha-carrito-notificacion, .flecha-notificaciones{
  position: relative;
}
.flecha-carrito {
  position: absolute;
  top: 37px;
  left: 12%;
  display: none;
} 

.flecha-indicador-notificacion{
  position: absolute;
  top: 37px;
  left: 5%;
  display: none;
}

div.advertencia-carrito.producto-anadido-al-carrito .contenido-advertencia-carrito .texto-advertencia p, div#eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia p, div#eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia a  {
  font-size: 16px;
}

div.advertencia-carrito.producto-eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia a {
  text-decoration: underline;
}

div.advertencia-eliminado-carrito.producto-eliminado-del-carrito, div.advertencia-tc-invalido.notificacion-checkout-tc, div.advertencia-numero-verificacion-invalido.notificacion-checkout-tc, div.advertencia-transaccion-fallida.notificacion-checkout-tc{
  display: grid;
  grid-template-columns: 0.5fr 4fr 0.5fr;
  align-content: center;
  justify-content: center;
  padding: 20px 7px 20px 20px;
  border-radius: 7px;
  border: 2px solid #C20000;
  background: #F4F5F5;
  box-shadow: 0px 85px 24px 0px rgba(0, 0, 0, 0.01), 0px 54px 22px 0px rgba(0, 0, 0, 0.06), 0px 30px 18px 0px rgba(0, 0, 0, 0.20), 0px 14px 14px 0px rgba(0, 0, 0, 0.34), 0px 3px 7px 0px rgba(0, 0, 0, 0.39);
  gap: 10px;
  width: fit-content;
  text-align: center;
  align-items: center;
  left: unset;
  right: 10px;
  overflow: visible;
}


 
 

.nav-item-carrito{
  position: relative;
}

.posicionamiento-notificacion-carrito {
position: absolute;
}


.contenedor-advertencias-generales, .contenedor-advertencias-anadido-carrito, .contenedor-advertencias-eliminado-carrito, .contenedor-advertencias-error-pago-tc {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  justify-items: end;
  position: fixed;
  padding-right: 12px;
  top: 85px;
  z-index: 10000;
  gap: 20px;
}


.circulo-notificacion-carrito {
  display: grid;
  width: 18px;
  height: 18px;
  background-color: #644A9E;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: 5px;
  justify-content: center;
  align-items: center;
}

.contador-notificacion-carrito {
  font-size: 12px;
  font-family: 'Karla-Medium';
  color: white;
  font-weight: bold;
}


@media (max-width: 768px) {
  div.flecha-indicador-notificacion, div.flecha-carrito{
    left: unset;
    right: -3px;
  }

  .contenedor-advertencias-generales, .contenedor-advertencias-anadido-carrito, .contenedor-advertencias-eliminado-carrito, .contenedor-advertencias-error-pago-tc {
    top: 78px;
    padding-right: 5px;
  }

  div.advertencia-carrito.producto-anadido-al-carrito .contenido-advertencia-carrito .texto-advertencia p, div#eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia p, div#eliminado-del-carrito .contenido-advertencia-carrito .texto-advertencia a, .contenido-advertencia-header h6, .contenido-advertencia p{
    font-size: 12px;
  }

  div.contenido-advertencia div.BotonesContacto {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  /* div.circulo-notificacion-carrito {
  top: 13px;
  right: -3px;
  } */

  /* div.contador-notificacion-carrito {
    display: none;
    font-size: 12px;
    top: 17px;
    right: 11px;
  } */
}

@media (max-width: 425px) {
  .circulo-notificacion-carrito {
    right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
.contenedor-advertencias-anadido-carrito, .contenedor-advertencias-eliminado-carrito, .contenedor-advertencias-error-pago-tc {
    top: 75px;
    padding-right: 5px;
  }

  div.contenedor-advertencias-generales{
    top: 78px;
  }
 
  div.contador-notificacion-carrito {
    /* display: none; */
    /* font-size: 16px; */
    /* top: 15px; */
    /* right: 0px; */
  }

}

.woocommerce .woocommerce-cart-form main.area-contenido {
  padding-top: 9vw;
}



.msg_error_verif_codigo.msg_error p {
  overflow: visible;
  font-size: 16px;
  margin-top: 10px;
}
/*paginacion maqueta carrito*/

.pagination-maqueta-carrito, .pagination-carrito {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination-dots .dot {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.pagination-dots .dot.active {
  background-color: #555;
}

/*nuevo hero*/

.home-hero.contenedor-principal.padding-top-deslogueado .home-hero-text.ft-28-home-hero-text.aos-init.aos-animate {
  display: grid;
  gap: 50px;
}

.opciones-hero {
  display: grid;
  gap: 20px;
}

.opciones-hero .search-form {
  width: 90%;
}

.botones-hero {
  display: flex;
  gap: 20px;
}

.boton-iniciar-sesion-hero {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  background: #0066B3;
  font-size: 17px;
  color: white;
  line-height: 140%;
}

.boton-registrarse-hero{
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  background: #644A9E;
  color: white;
  font-size: 17px;
  line-height: 140%;
}

.boton-iniciar-sesion-hero:hover, .boton-registrarse-hero:hover {
  text-decoration: underline;
  color: white;
}

.contain-carrito {
  width: 100%;
  height: auto;
}


.woocommerce a.remove {
  height: fit-content;
}

@media (max-width: 1200px) {
  .slide.info > p:nth-of-type(2),
  .slide.info > p:nth-of-type(3) {
    display: none;
  }

  section.slider-top div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen, section.slider-bottom div.carousel.slide div.carousel-inner div.carousel-item div.slider.item div.slide.imagen {
    margin-left: 0;
  }
  
  button.boton-banner, button.boton-banner-solo-texto {
    margin-top: 0;
  }

}


/* section.slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.imagen, section.slider-bottom .carousel.slide .carousel-inner .carousel-item .slider.item .slide.imagen {
  margin-left: 180px;
} */

section.slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.imagen, section.slider-bottom .carousel.slide .carousel-inner .carousel-item .slider.item .slide.imagen .sin_margen_izquierdo_banner_home {
  margin-left: 0;
}

.boton-banner, .boton-banner-solo-texto {
  margin-top: 25px;
}

button.delete-button.boton-quitar-filtro {
  height: 100%;
  background: transparent;
}

.enlace-tienda {
  color: white;
}

a.redbtn-notificacion.boton-notificacion:hover {
  color: #e1e2e6;
}



.contenedor-buscador-tags {
  display: grid;
  grid-template-columns: 22% 78%;
}

.buscador-tienda{
  position: relative;
  height: 43px;
}

.input-buscador-tienda{
  width: 95%;
  padding: 15px 12px;
  height: 43px;
}

.buscador-boton-tienda{
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}


a.enlace-tienda-activacion {
  padding: 15px 20px;
  border-radius: 10px;
  background: #644A9E;
  color: white;
}

a.enlace-tienda-activacion:hover {
  color: #e1e2e6;
}


.nombre-check-lic-sanitaria, .nombre-check-dpi, 
.nombre-check-rtu, .nombre-check-recibo, 
.nombre-check-patente-comercio-sociedad, .nombre-check-patente-comercio-empresa{
  width: 100%;
  grid-template-columns: 3fr 1fr;
}

.lic-san-editar-perfil {
  max-width: 320px;
}

button.boton-eliminar-subir-de-nuevo {
  padding: 0;
}

.product-unavailable-message td.no-padding.mensaje-producto-no-disponible{
    grid-column: 1 / 2 span;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    padding-top: 10px;
  }
.product-unavailable-message td.no-padding.mensaje-producto-no-disponible p{
  color: red;
  text-overflow: ellipsis;
  overflow: inherit;
}

/* section.slider-top .carousel.slide .carousel-inner .carousel-item .slider.item .slide.imagen {
grid-area: imagen;
    display: flex;
    width: 70%;
    height: 500px;
    margin-left: 180px;
}
 */


 .disclaimer {
  background-color: #1B2D70;
  border-radius: 8px;
  display: grid;
 }

 .disclaimer p {
  color: #fff;
  padding: 6px 30px 16px 24px;
  font-size: 12px;
  line-height: 18px;
}

.ocultar-disclaimer {
  display: none;
}

.contenedor-boton-disclaimer {
  display: grid;
  padding: 0px 10px;
  justify-content: end;
}

.boton-cerrar-disclaimer {
    background: none;
    padding: 8px 5px 0;
    width: 30px;
    text-align: end;
}

div.ingresar-vista-producto div.texto-ingresar-vista-producto p.texto-iniciar-sesión-vista-individual-producto {
  color: #fff;
}

input:read-only, select:disabled{
  background-color: rgba(239, 239, 239, 0.3);
}

.btn-agregar-carrito-contenedor{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  text-align: center;
  position: relative;
}

.btn-agregar-carrito-loader-texto {
  visibility: visible;
}

.btn-agregar-carrito-loader-loader {
  visibility: hidden;
  position: absolute;
}

.slider-bottom{

  margin-bottom: 10px;

}

#btn-login-disabled{
  border-radius: 5px;
  background: #70747f;
  height: 48px;
}

.parrafo-solicitud-enviada #segundo_parrafo_modal_mensaje li{
        margin: 30px;
    }

    .btn_nueva_direccion_checkout{
        background-color: #E8A205;
        padding: 6px 10px;
        align-items: center;
        border-radius: 5px;
        height: auto;
        width: auto;
        font-size: 15px;
    }

    .btn_agregar_direccion_checkout{
        background-color: #E8A205;
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 5px;
        margin: 0 auto;
        height: 42px;
        width: 200px;
    }

    .ctn_direccion_entrega_titulo_y_btn{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }