@font-face {
    font-family: 'Poppins-Light';
    src: url('/themes/PRSADD279_02/assets/fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayFair';
    src: url('/themes/PRSADD279_02/assets/fonts/PlayFair.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('/themes/PRSADD279_02/assets/fonts/Poppins-Medium.ttf') format('truetype');
}

:root{
    --padding-global: 0px 5%;
    --padding-side:5%;
}

#index #footer{
    margin:0px !important;
}
#index #wrapper{
    margin:0px !important;
}
#index .page-footer{
    padding-bottom: 0px!important;
}
#hamohome product-price{
    margin-top: 5%;
}

.img-category{
    width: -webkit-fill-available;
    width: -moz-available;
    height: 100%;
    border-radius: 5px 5px 0px 0px;
}
.category-text h3{
  align-content: center;
  font-family: Poppins-Regular;
}
.category {
  display: inline-grid;
  margin: 25px 15px;
  line-height: 1px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  width: 20%;
  height: auto;
  transition: box-shadow 0.3s ease; /* Transición suave para el efecto */
  vertical-align: bottom;
}
.category:hover{
    box-shadow: 0 8px 10px rgba(0,0,0,0.2); /* Sombra */
}
.category:hover h3{
    color:#C50A59;
}
.category:hover .arrow-circle{
    color:white;
}
.arrow-circle 
{
    width: 20px; /* Ancho del círculo */
    height: 20px; /* Alto del círculo */
    background: #C50A59;/* Color de fondo (rosa) */
    border-radius: 100%; /* Hace que el div sea circular */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Color de la flecha */
    font-size: 15px; 
    cursor: pointer; /* Cambia el cursor al pasar por encima */
    margin-top: 2px;
}

.category-text {
    display: flex; /* Activa flexbox */
    align-items: center; /* Centra verticalmente los elementos */
    justify-content: center; /* Centra horizontalmente los elementos */
    gap: 10px; /* Espacio entre "Arte" y la flecha */
    margin-top: 10px;
}
.h3.product-title {
  display: flex;
  justify-content: center;
  height: 45px;
  margin-top: 8%;
  font-size: 18px!important;
  line-height: 20px !important;
}
.service_paragraph{
    color:white;
    font-family: Poppins-Light;
    margin: 20px;
    font-size: 20px;
    line-height: 30px;
    color:#E1DACB;
}

.service_content{
    padding:0px;
}
.service_image{
    background-repeat: no-repeat;
    mask-repeat: no-repeat!important;
    height: 80px!important;
    -webkit-mask-size: 50px 50px; /* Ajusta el tamaño de la máscara */
    mask-size: 50px 50px; /* Ajusta el tamaño de la máscara */
}
.product-image{
  line-height: 1px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  
  width: auto;
  position: relative;
  display: flex;
}

.product-card img{
    width: 85%;
    height:fit-content;
    margin:5% auto 22% auto;
}
.btn-move {
  background-color: #E1DACB;
  border-radius: 63%;
  height: 88px;
  width: 88px;
  font-weight: bold;
  color: #680434;
  border:none;
  position: absolute;
  z-index: 1;
}
.slide{
    width: 19%!important;
    height: 100% !important;
    margin:0px 7px;
}
.slider-container{
    max-width: 100%;
    height: 100%;
}
.featured-products-slider{
    width: 95%;
    max-width: 99% !important;
    height: 600px;
}
.add-to-cart-or-refresh{
    position: absolute;
    top:89%;
     left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.add-to-cart {
  gap: 10px;
  justify-content: center;
  display: flex;
}
.cart{
    height: 16px!important;
    width: 16px!important;
    margin:auto !important;
}
.cart-arrow{
    height: 10px!important;
    width:  6px !important;
    margin: auto!important;
}
#hamohome .btn {
    line-height: 28px;
    font-family: Poppins-Light;
    width: 92% !important;
    margin-left: 10px;
    margin-top: -20px;
}

.slide .add-to-cart{
    opacity: 0; /* Inicialmente invisible */
  transition: opacity 0.5s; /* Efecto de transición */
}
.slide:hover .add-to-cart{
    display: flex;
    opacity: 1; /* Aparece al pasar el cursor */
}
#next.btn-move{
    top:50%;
    right: 5%;
}

#prev.btn-move{
    top:50%;
    left: 5%;
}
.products-section-title {
    font-family: PlayFair;
    font-size: 40px !important;
    font-weight: bold;
}
.service_title1 {
  letter-spacing: 30%;
  line-height: 33px;
  font-family: Poppins-Medium;
  font-size: 22px !important;
  color: #E1DACB;
  margin: 30px;
  font-family: sans-serif;
}

.service-cms-lists{
    display: flex;
    justify-content: center;
    gap:2%;
}
.service-cms-banner-list.service-1 {
  padding: 10px 10px 10px 10px;
}
.service-cms-banner-list.service-2 {
  padding: 10px 10px 10px 10px;
}
.service-cms-banner-list.service-3 {
  padding: 10px 10px 10px 10px;
}
.service-cms-banner-list.service-1, .service-cms-banner-list.service-2, .service-cms-banner-list.service-3 {
  position: revert;
  float: left;
  width: 30%;
  background-color: #680434;
  height: auto;
  box-shadow: 0 0px 40px rgba(0,0,0,0.5);
  border-radius: 10px;
}

.tab-main-title {
    border-bottom: none;
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0px;
    padding: var(--padding-global);
}

.button-link {
  display: inline-block;
  background-color: #C50A59;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  box-shadow: 8px 8px 8px 8px rgba(0, 0, 0, 0.2);
  margin-top: 80px;
  font-family: Poppins-Light;
  
}
.fondo-cms-up {
  background-image: url(../../../../themes/PRSADD279_02/assets/img/megnor/fondo_rojo.svg);
  display: grid;
  height: auto;
  width: 100%;
  justify-content: center;
  align-content: center;
  padding:40px 0px;
}
.fondo-cms-up .button-link{
    margin:auto;
}
.fondo-cms-bottom {
  background-image: url(../../../../themes/PRSADD279_02/assets/img/megnor/fondo_rojo.svg);
  display: grid;
  height: auto;
  width: 100%;
  justify-content: center;
  align-content: center;
  padding:40px var(--padding-side);
}

.btn-add{
    display:none;
}

.container #columns_inner #left-column {
    display: block;
    width: 23%;
    padding-left: var(--padding-side) !important;
    display: none!important;
}

.logo_tablet {
    display: none;
}
/**                 Responsive        **/
/* Pantallas pequeñas (móviles) */





@media (min-width: 310px) and (max-width: 480px) {




 #next.btn-move{
        top: 40% !important;
        right: 2%!important;
    }

#prev.btn-move {
    top: 40%!important;
    left: 2%!important;

}


.btn-move {
    background-color: #E1DACB;
    border-radius: 63%;
    height: 40px;
    width: 40px;
    font-weight: bold;
    color: #680434;
    border: none;
    position: absolute;
    z-index: 1;
}







 

     .thumbnail-container {
    height: 230px;
}

 

    .slider-container {
    max-width: 100%;
    height: auto;
}


.featured-products-slider {
    width: 95%;
    max-width: 99% !important;
    height: 400px;
}
    .btn-move {
    background-color: #E1DACB;
    border-radius: 63%;
    height: 40px;
    width: 40px;
    font-weight: bold;
    color: #680434;
    border: none;
    position: absolute;
    z-index: 1;
}

        .product-image {
        line-height: 1px;
        border-radius: 8px;
        border: 1px solid #E0E0E0;
        height: auto;
        width: auto;
        position: relative;
        display: flex;
      box-shadow: 2px 0px 11px 0px rgba(227,227,227,0.75);
-webkit-box-shadow: 2px 0px 11px 0px rgba(227,227,227,0.75);
-moz-box-shadow: 2px 0px 11px 0px rgba(227,227,227,0.75);
    }

    #hamohome .btn {
    line-height: 25px;
    font-family: Poppins-Light;
    width: 93% !important;
    margin-left: 6px !important;
}

.product-card.slide {
    display: grid;
    gap: 11px;
    padding: 0;
    justify-content: center;
}

.product-actions-main {
    display: block;
}

.product-actions-main {
    position: relative;
    left: auto;
    transform: translateX(0em);
}

.slide {
    width: 46% !important;
    height: 100% !important;
    margin: 0px 7px;
}

    .products-section-title {
    font-family: PlayFair;
    font-size: 32px !important;
    font-weight: bold;
}

 
    .category-container {
        display: grid;
        grid-template-columns: 1fr; /* 1 columna para mejor ajuste */
        gap: 5px!important;
        padding: 0 5px;
        width: 100%;
        box-sizing: border-box;
    }
    .category-container > * {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Ajustes para otros elementos */
    .fondo-cms {
        min-height: 20%;
    }
    .fondo-cms-bottom {
        height: auto;
    }
    .category {
        width: 88%!important;
        margin: 0 auto!important; /* Ocupa todo el ancho del grid */
    }
    
    .img-category {
        width: 100%; /* Que la imagen se adapte al contenedor */
        height: auto; /* Mantener proporción */
    }

    /* Resto de estilos iguales... */
}

/* Pantallas medianas (tabletas) */
@media (min-width: 768px) and (max-width: 1023px) {

/* Ajustes para tablets */

    .service-cms-banner-list.service-1, .service-cms-banner-list.service-2, .service-cms-banner-list.service-3 {
        width: 85% !important;
        margin: 0 0px 0 0;
    }

      .service_title1 {
        font-family: Poppins-Medium;
        font-size: 16px !important;
        color: #E1DACB;
        margin: 0px;
        padding-top: 1rem;
    }

    .service_paragraph {
    margin: 5px;
    font-size: 15px;
    line-height: 20px;
    color: #E1DACB;
    font-weight: 100;
    font-family: sans-serif;
    padding-bottom: 2rem;
}
.service-cms-lists {
    display: grid;
    justify-content: center;
    gap: 2%;
    grid-template-columns: repeat(3, 1fr) !important;
}


   .slider-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    padding-left: 10px; /* Agrega un poco de espacio al inicio */
    
  }

    .slide {
    width: 31% !important;
    height: 100% !important;
    margin: 0px 7px;
}

    .featured-products-slider {
        height: 350px;
        width: 90%;
    }

    
#send-new-art .form-div-2 {
    width: 100% !important;
    float: left;
    padding: 0px 11px;
}
    .category-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr)!important;
    gap: 20px;
    padding: 25px!important;
    justify-content: center;
    margin-left: -25px!important;
}
    
    .category {
        margin: 15px 10px;
        width: 306px;
        height: 415px;
    }
    
    .img-category{
        width: 306px;
        height: 354px;
    }
    .product-image {
        width: 80%;
        height: auto;
        display: inline-block;
        padding:10px 0px;
    }
    
    .featured-products-slider {
        width: 90%;
    }
    .service-cms-banner-list {
        width: 30%;
        margin-top: 10px;
    }
    .btn-add{
        font-size:18px !important;
        align-content: center;
    }
    .add-to-cart-or-refresh {
  display: inline-block;
}

}
/* Pantallas grandes (desktop) */
@media (min-width: 1024px) {
    /* Ajustes para desktop */
    .category {
        margin: 25px 15px;
    }
    .product-image {
        width: auto;
        height: auto;
    }
    .featured-products-slider {
        height: auto;
        width: 95%;
    }
    .service-cms-banner-list {
        width: 27%;
        margin-top: 20px;
    }
}

#index #footer {
    background-image: url("../../../../modules/tm_parallaximages/views/img/7dbff12a045c96dd1b8fc33c7cc08e7c_parallax_image1.jpg");
  background-attachment: fixed;
  background-size: cover !important;
}

.img-category {
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0px 0px;
    display: block;
}
.category-text h3 {
    align-content: center;
    font-family: Poppins-Regular;
        font-size: 20px;

}
.category {
    line-height: 1px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    height: auto;
    transition: box-shadow 0.3s ease;
    width: 100%;
    max-width: 400px;
    background-color: #fff;
}

.category-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 15px;
    justify-content: center;
}



@media (min-width: 1024px) {
    .category-container {
       grid-template-columns: repeat(4, 1fr);
        display: grid;
        margin: 0 auto;
        gap: 20px;
        padding: 0rem 7rem 0rem 7rem;
    }

        .block_newsletter form {
        width: auto;
        display: flex;
        flex-direction: inherit;
    }
}


@media (min-width: 1024px) and (max-width: 1366px){

        .category-container {
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        margin: 0 auto;
        gap: 20px;
        padding: 0rem 5rem 0rem 5rem;
    }

}



.category:hover {
    box-shadow: 0 8px 10px rgba(0,0,0,0.2);
}
.category:hover h3 {
    color: #C50A59;
}
.category:hover .arrow-circle {
    color: white;
}

.arrow-circle {
    width: 25px;
    height: 25px;
    background: #C50A59;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
}

.category-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px;
    margin-top: 10px;
}




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

  .add-to-cart {
    gap: 2px!important;
    justify-content: center;
    display: flex;
}

  button.btn.btn-primary.add-to-cart {
    font-size: 12px;
    margin-left: 6px;
    margin-top: -25px;
}

  #hamohome .btn {
    line-height: 20px;
    font-family: Poppins-Light;
    width: 92% !important;
}

}

@media (min-width: 1024px) and (max-width: 1300px){ 

  .add-to-cart {
    gap: 10px!important;
    justify-content: center;
    display: flex;
}

  button.btn.btn-primary.add-to-cart {
    font-size: 12px;
    margin-left: 6px;
    margin-top: -25px;
}

  #hamohome .btn {
    line-height: 20px;
    font-family: Poppins-Light;
    width: 92% !important;
}

}