@charset "UTF-8";

  /* sm */

  @media (max-width: 425px) {

    section#recibo-pedido-grid div.info-producto {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 10px;
      grid-template-rows: auto auto;
    }

    section#recibo-pedido-grid div.info-producto.detalle-pedidos{
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 10px;
      grid-template-rows: auto auto;
    }
    
    div.detalle-pedidos p.ft-24.cantidad-producto.nombre-producto {
      grid-column: 2 / 3 span;
  }
  
    section#recibo-pedido-grid div.info-producto div.contenedor-img {
      margin-top: 20px;
      grid-row: span 2;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .info-producto .contenedor-img img {
      height: 100%;
      border-radius: 8px;
    }
    
    section#recibo-pedido-grid div.info-producto .cantidad-pedido,
    section#recibo-pedido-grid div.info-producto .descuento-pedido,
    section#recibo-pedido-grid div.info-producto .total-pedido {
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 10px;
    } 

    section#recibo-pedido-grid div.info-producto p span.woocommerce-Price-amount.amount{
      white-space: nowrap;
    }
    
    section#recibo-pedido-grid div.info-producto p, section#recibo-pedido-grid div.info-producto a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;

    } 

    section#recibo-pedido-grid div.info-producto .cantidad-pedido {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; 
    }

    .cantidad-pedido {
      grid-column: span 2;
    }
  }

  @media (min-width: 425px) and (max-width: 576px) {

   section.contenedor-gris-general.ver-pedido-section section#recibo-pedido-grid{
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }

    section#recibo-pedido-grid div.info-producto{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }

  
    section#recibo-pedido-grid {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 15px;
  }

    .info-producto .contenedor-img img {
      height: auto;
      border-radius: 8px;
    }

    section#recibo-pedido-grid div.info-producto p, section#recibo-pedido-grid div.info-producto a{
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

  }

  @media (max-width: 576px){

    .registro_pasos .contenedor_no_paso{
      display: none;
    }
    
    main#recibo section#info-recibo, div.woocommerce section#info-recibo {
      display: grid;
      grid-area: info-recibo;
      grid-template-columns: 1fr;
      gap: 45px;
  }

    
                                                    /* ESTANDAR */
    /* ---------------------------------------------------------------------------------------------------------------------------- */
      main.principal.personalizado.perfil.estilos-v2{
        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,
      section.productos div.producto-carrito
      {
        grid-template-columns: 100%;
      }

      /* Termina ESTANDAR Carrito */
      
                                                          /* VISTA personalizada de Carrito */
    /* ---------------------------------------------------------------------------------------------------------------------------- */
      main.principal.personalizado.carrito.estilos-v2 {
        grid-template-columns: 1fr;
        grid-template-areas: 
        "contenido"
        "side-bar"
        ;
      }
     /* Termina VISTA Carrito */


    /* ---------------------------------------------------------------------------------------------------------------------------- 
                          *==================== TEMPLATE - Footer ==============*
    ---------------------------------------------------------------------------------------------------------------------------- */

    /*footer#footer_v2 section#menu{
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      padding: 40px;
    }

    footer#footer_v2 section#menu div.relleno{
      display: none;
    }

    footer#footer_v2 section#menu div{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }*/


    /********************************************
    *       Fin de Footer - ¡GRACIAS! *****
    ********************************************/

    /* ---------------------------------------------------------------------------------------------------------------------------- 
                            *==================== PLANTILLA - RECIBO ==============*
    ---------------------------------------------------------------------------------------------------------------------------- */
      
      table#recibo-pedido tbody tr{
        display: grid;
      }

      .contenedor-gris-general {
        padding: 25px;
      }


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



  }

  /* md */
  @media (width > 576px) and (width <= 768px){

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


  }

  /* lg */
  @media (width > 768px) and (width <= 992px){
    .Marcas{
      width: 33%;
    }

  }

  /* xl */
  @media (width > 992px) and (width <= 1200px){


  }

  /* xxl */
  @media (min-width: 1200px){


  }


  /* Otros?? revisar */


  @media (max-width: 577px) and (max-width: 576px){
    .contenedor_presentacion{
      display: none;
    }

  }


  @media (min-width: 0px) and (max-width: 576px){

  }

  @media (min-width: 577px) {
    /* .registro_pasos .contenedor_no_paso{
      width: 31%;
      display: flex;

    } */


  }

  @media (max-width: 992px){

    ul.products .product.type-product{
      margin-bottom: 20%;
    }

    .Marcas{
      width: 50%;
    }



  }


  @media (max-width: 768px) {

    section.titulo-numero-pedido {
      padding-top: 70px;
  }

    .confP-layout {
        grid-template-columns: repeat(1, 1fr);
        gap: 3%;
    }

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

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

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

    .confP-table-order-item-wide {
        text-align: center;
    }

    .confP-table-order-item-wide.uds {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1199px)  {
    .confirmationPage-main-container {
        width: 90%;
    }
}


@media screen and (min-width: 991px) and (max-width: 1113px) {
  body {
    padding-top: 5rem;
  }

  main#home-logged section.slider-top{
    margin-top: 3rem;
  }
  .pd-standard {
    padding: 1% 4%;
    /* margin-bottom: 2%; */
  }


@media screen and (max-width: 992px) {
  #navbarNav .navbar-nav .nav-item .nav-link {
  padding-right: 0; 
  }
}

  /*LOG IN RESPONSIVE


  @media only screen and (min-width: 1200px){
    #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse, #modal_login_registro .cont_modal_transparent .modal_ingreso.activar{
      height: 655.8px;
      width: 1105px;
    }
  }
/*FIN LOGIN RESPONSIVE*/

  /*
  @media screen and (max-width: 867px) {
    #modal_login_registro .modal-content .modal_ingreso.registrarse {
      display: grid;
      /*grid-template-rows: 1fr 1fr;
      width: 90%;
      margin: 5%;
    }

    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_presentacion {
      width: 100%;
      border-radius: 0;
      font-size: 1.25rem;
      height: fit-content;
    }

    .modal_ingreso.registrarse .contenedor_presentacion .contenedor_texto {
      width: 100%;
      display: grid;
      place-items: center;
      margin: 2% 4%;
      font-size: 1.25rem;
      z-index: 1;
  }

  .modal_ingreso.registrarse .contenedor_presentacion .contenedor_texto h1{
    font-size: 1.9rem;
}


    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_presentacion .imagen-login {
      align-items: normal;
    }

    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_forms {
      width: 100%;
      margin: 0;
      padding-top: 4%;
      border-radius: 0;
      font-size: 1.25rem;
      height: fit-content;
    }
  }  

  @media screen and (max-width: 351px) {
    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_forms {
      padding-top: 50%;
    }
    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_presentacion {
      padding-top: 4%;
    }
  }

  @media screen and (min-width: 1550px ) {  
    #modal_login_registro .modal-content .modal_ingreso.registrarse .contenedor_presentacion .imagen-login img {
      height: 100%;
    }

   /* .home-hero-text > h1 {
      padding: 0 8rem;
    }
*/
   /* .home-hero-img > img {
      width: 54rem;
    }

    .p-26 > p {
      /*padding: 0 8rem;
      font-size: 2rem;
      line-height: 2.394rem;
      padding: 0 2rem;
    }
  }*/

  /*--------------------------nabvar logueado --------------------------------------*/

  @media (max-width: 1090px) {

    main#home-logged {
      margin-top: 6rem;
  }



  /* h1, .h1 {
    font-size: 2rem;
  } */



  
    .hl-element:nth-child(1) {
      grid-row: 1;
      grid-column: 1;
     /* margin-bottom: 1.5rem;*/
    }
  
    .hl-element:nth-child(2) {
      margin-top: -5%;
    }
  
    .hl-element:nth-child(3) {
      grid-row: 1;
      grid-column: 2;
     /* margin-bottom: 1.5rem;*/
    }
  
    .hl-navpoints {
      font-size: 1.5em;
    }
  
  
    .hl-navpoints-user {
      font-size: 1.6em;
    }

  
    .hl-navoption-icons {
      display: flex;
      flex-direction: row;
    }
  
    .hl-navoption-icons li:not(:first-child):not(:last-child){
      margin: 0 1em;
    }
  
    .hl-navoption-icons li:last-child{
      margin-right: 0.3em;
    }
  

  
      .subnavbar .navbar-collapse {
          display: block;
          flex-grow: 1;
      }
  
  
    .navbar-nav .dropdown-menu {
      position: absolute;
      right: 0px;
    }
  
    .dropdown-menu {
      left: auto;
    }

    .navbar-sub .dropdown-menu {
      position: absolute;
      right: auto;
    }
  
    .navbar-sub .dropdown {
      position: static;
      left: auto;
      right: auto;
    }
  
  }

  @media (min-width: 520px) and (max-width: 834px) {
    .hl-element:nth-child(1),
    .hl-element:nth-child(3) {
      margin-bottom: 1rem;
    }
    .subnavbar .navbar-nav {
     padding-top: 32px;
    }

  }
  @media (min-width: 834px) and (max-width: 990px) {
    .hl-element:nth-child(1),
    .hl-element:nth-child(3) {
      margin-bottom: 1.5rem;
    }
    .subnavbar .navbar-nav {
     padding-top: 44px;
    }

  }


  @media (min-width: 990px) and (max-width: 1090px) {
    .hl-element:nth-child(1), .hl-element:nth-child(3) {
      margin-bottom: 2.3rem;
  }
 
  }

  @media (min-width: 1090px) and (max-width: 1401px){
    .subnavbar .navbar-nav {
      flex-wrap: nowrap;
      white-space: nowrap;
     /* overflow-x: scroll;
      -webkit-overflow-scrolling: touch; */
    }
    .ul-subnavbar {
      justify-content: start;
  }
  .subnavbar .navbar-nav {
    padding: 0 14px;
  }
  ul.navbar-nav.mx-auto.flex-row.ul-subnavbar {
    padding-top: 8px;
  }
  }

  @media (min-width: 1400px) {

  .subnavbar .navbar-nav {
    padding: 2.5px 10px;
  }
  }


  /*----------------------Responsive Categoria-----------------------------------*/

  /*-------------------------INICIO VISTA EDITAR PERFIL---------------------------*/

  @media (max-width: 1240px) {
    .editar-perfil .info-perfil-editable{
      display: grid;
      grid-template-columns: 2fr;
    }
    .mensaje-edicion-no-permitida,
    .editar-apellido .input-with-image .mensaje-edicion-no-permitida {
      left: 50%;
    }
    .editar-licencia-sanitaria {
    margin-top: 14rem;
    }

    .info-licencia-sanitaria {
    grid-template-columns: 2fr;
    }
    #date{
      height: max-content;
    }
  }

  @media only screen and (min-width:320px) and (max-width: 768px){
    .info-licencia-sanitaria .subir-lic-sanitaria .licencia-sanitaria-perfil {
      width: 100%;
  }
  }

  @media only screen and (min-width:768px) and (max-width: 1200px) {
    .info-licencia-sanitaria .subir-lic-sanitaria .licencia-sanitaria-perfil {
      width: 50%;
  }
  }

  @media only screen and (min-width:1240px) and (max-width: 1488px) {
    .info-licencia-sanitaria .subir-lic-sanitaria .licencia-sanitaria-perfil {
      width: 50%;
  }
}

  /*-------------------------FIN VISTA EDITAR PERFIL---------------------------*/

  /*-------------------------INICIO VISTA INDIVIDUAL PRODUCTO---------------------------*/
  @media only screen and (min-width: 320px) and (max-width: 1100px) {
    .contenedor_vista_individual > .product.type-product:first-child {
      display: grid;
      grid-template-columns: 1fr;
      width: 100%;
      gap: 1%;
    }
    .ContenidoGeneral {
      margin: 2%;
    }
    section.related.products {
      width: 100%;
    }
    nav.woocommerce-breadcrumb {
      padding-top: 5rem;
    }
    nav.woocommerce-breadcrumb, nav.woocommerce-breadcrumb a {
      font-size: 12px;
    }

    ol.flex-control-nav.flex-control-thumbs {
      flex-direction: row;
      gap: 0;
      grid-area: unset;
    }

    div.product div.images .flex-control-thumbs li {
      width: 33%;
    }

    .product_meta_FabricanteMarca p {
      font-size: 14px;
      font-weight: normal;
    }
    /* .product_meta_FabricanteMarca.info.producto-individual {
      margin-top: 4%;
    } */

    div.forma-venta {
      height: auto;
      margin-bottom: 2%;
    }
    .forma-venta img {
      width: 19px;
      height: 21px;
    }

    .product_meta_categoria p{
      font-weight: bold;
    }

    .product_meta_categoria p, .product_meta_categoria p a, span.posted_in, .posted_in a {
      font-size: 16px;
    }

    .Contenedor_pre_overlay .Subcontenedor_titulo p {
      font-size: 20px;
    }

    .Contenedor_pre_overlay .Subcontenedor_taxonomias a, .Contenedor_producto_woocommerce .Subcontenedor_taxonomias a {
      font-size: 18px;
    }

  } 

  @media only screen and (min-width: 576px) and (max-width: 768px) {
    ul.products.columns-4 {
      display: grid;
      grid-template-columns: 2fr 2fr;
    }
  }




  /*subnavbar logueado*/

  @media screen and (max-width: 560px) {
    .menu-subnavbar-hamburguesa {
      position: fixed;
      display: block;
      color: white;
      background-color: #031130;
      height: 34px;
      border-radius: 0;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      z-index: 1000;
      top: 106px;
    }

    .icono-menu{
      margin: 0 2%;
    }

    .BuscadorPersonalizado button .btn.buscar{
      top: -8px;
      right: -5px;
    }

    nav.navbar.subnavbar.navbar-expand-lg.navbar-dark.navbar-sub.sub-navbar-logueado-fixed, ul.navbar-nav.mx-auto.flex-row.ul-subnavbar{
      display: none;
    }

    .navbar .sub-navbar-logueado-fixed {
      position: absolute;
    }

    .navbar-nav .mx-auto .flex-row .ul-subnavbar {
      display: flex;
      flex-direction: column;
    }

  }
}