/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.zeroxxs-slider-container.has-block.tooltipstered {
    margin-bottom: 20px;
}

.dselec_Ddf.dselec_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ✅ ESCRITORIO: 2 COLUMNAS */
  gap: 25px;
  padding: 20px 0px;
  background: #f8fafd;
  font-family: "Poppins", sans-serif;
}

.dselec_Ddf .dselec_card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 10px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  transition: .3s ease;
}

.dselec_Ddf .dselec_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* Fondo amarillo icónico */
.dselec_Ddf .dselec_icon_bg {
  background: #E6D200;
  width: 65px;
  height: 65px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dselec_Ddf .dselec_icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

/******** TEXTOS ********/
.dselec_Ddf .dselec_text h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #002B5B;
  line-height: 1.35;
}

.dselec_Ddf .dselec_text p {
  margin: 6px 0 0;
  font-size: .95rem;
  color: #333;
  line-height: 1.4;
}

/******** RESPONSIVE ********/

/* ✅ TABLET Y MÓVIL: 1 COLUMNA (Opcional) */
@media (max-width: 900px) {
  .dselec_Ddf.dselec_container {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ✅ MÓVIL PEQUEÑO */
@media (max-width: 500px) {
  .dselec_Ddf.dselec_container {
    grid-template-columns: repeat(1, 1fr);
  }
}





img.dselec_btn_icon {
    width: 35px;
    margin-top: -4px;
}

/*Estilos de Boton pdf*/


.dselec_btn {
  display: inline-block;
  background-color:  var(--dselec-amarillo);
  color: #002b5b;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  width: 100%;
  text-align: center;
}

.dselec_btn:hover {
  background-color: #d5df00;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.dselec_btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}



/*Estilo de categoria */

#main, #wrapper {
    background-color: #f8fafd;

}

:root {
  --dselec-amarillo: #E6D200;
  --dselec-verde: #00B9A1;
}

.dselec_slider {
  width: 100%;
  background-color: #f8fafd;
  padding: 0px 0px 30px 0px;
  overflow: hidden; /* ✅ Evita desbordamiento */
}

.dselec_track {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 25px;
  justify-items: center;

  align-items: stretch;
}

/* 🔹 Tarjetas con imagen arriba y texto debajo */
.dselec_item {
  background-color: #ffffff;
  border-radius: 16px;
  text-align: center;
  padding: 20px 10px;
  width: 160px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dselec_item img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  margin-bottom: 10px;
}

.dselec_item p {
  font-weight: 600;
  font-size: 0.95rem;
  color: #002b5b;
  margin: 0;
}

/* 🌟 Hover */
.dselec_item:hover {
  background-color: var(--dselec-amarillo);
  transform: translateY(-4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* ✅ Primer item fijo en amarillo */
.dselec_item:first-child {
  background-color: var(--dselec-amarillo);
}

/* ✅ Responsive */
@media (max-width: 1024px) {
  .dselec_track {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .dselec_track {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .dselec_track {
    grid-template-columns: repeat(2, 1fr);
  }
}



/*FiCHA TECNICA*/

.dselec_table_container {
    text-align: center;
    font-size: 12px;
}   
.dselec_table_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #efefef;
  padding: 12px 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

/* ✅ Primera columna alineada a la izquierda */
.dselec_table_row span:first-child {
  text-align: right;
  padding-right: 10px;
}

/* ✅ Segunda columna alineada a la derecha */
.dselec_table_row span:last-child {
  text-align: left;
  padding-left: 10px;
  font-weight: 100;
}

.dselec_table_row span {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

/*Estilos de whatsapp*/


.botonwhaAssp .botonwhaAssp {
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .zerox-wrap .zerox-qty-wrap {
        width: 47% !important;
    }
    .zerox-wrap .zerox-qty-wrap button{
        padding: 8px 8px;
    }

}


/*Estilos de  las fotos  productos*/

.product-gallery-slider img, .product-thumbnails img
 {
    
    border-radius: 15px;
}

.zerox-short-desc p{
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
}


.zerox-sku {
    font-size: 14px;
    color: #333;
  
}


.preCiggt P {
    font-size: 17px;
    font-weight: 800;
    color: #07907e;
}


.skubto {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.skuYstock p {
    background: #e6d200;
    color: #07907e;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 0px;
}


.breadcrumbs {
    color: #222;
    font-size: 12px;
}

/*BOTON MPAS*/


:root{
  --dselec-amarillo:#E6D200;
  --dselec-verde:#00B9A1;
  --dselec-azul:#002b5b;
}

.dselec_maps-btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.65rem 1rem;
  border-radius:10px;
  background:var(--dselec-verde);
  color:#fff;
  font-family:"Poppins",sans-serif;
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.dselec_maps-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,.12);
  background:#08a792; /* leve oscurecido */
}

.dselec_maps-btn:active{
  transform:translateY(0);
}

.dselec_maps-icon{
  display:inline-flex;
  width:22px;
  height:22px;
  background:#fff;
  color:var(--dselec-verde);
  border-radius:999px;
  align-items:center;
  justify-content:center;
}

.dselec_maps-text{ line-height:1; }

/* Variante con borde (opcional) */
.dselec_maps-btn.dselec_outline{
  background:#fff;
  color:var(--dselec-azul);
  border:2px solid var(--dselec-amarillo);
}
.dselec_maps-btn.dselec_outline .dselec_maps-icon{
  background:var(--dselec-amarillo);
  color:#000;
}



.box-image img {
    border-radius: 10px;

}

/*---------------------Industria*/

:root {
    --dselec-amarillo: #E6D200;
}

.dselec_industries {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* ✅ Desktop: 4 columnas */
    gap: 1.5rem;
   
}

/* Tarjeta */
.dselec_card {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease;
    background: #fff;
}

.dselec_card img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    display: block;
    border-radius: 14px;
}

.dselec_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

/* Etiqueta */
.dselec_tag {
    background: var(--dselec-amarillo);
    padding: 6px 12px;
    display: inline-block;
    font-size: .95rem;
    font-weight: 700;
    border-radius: 6px;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

/* ✅ Tablet: 2 columnas */
@media (max-width: 1024px) {
    .dselec_industries {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ✅ Móviles: 2 columnas */
@media (max-width: 768px) {
    .dselec_industries {
        grid-template-columns: repeat(2, 1fr);
    }

    .dselec_card img {
        height: 170px;
    }
}

/* ✅ Móviles pequeños */
@media (max-width: 480px) {
    .dselec_tag {
        font-size: .8rem;
        padding: 5px 10px;
    }
}



/*---------------------Envios*/

.dselec_info_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Escritorio: 4 columnas */
    gap: 2.5rem;
    padding: 2rem 0;
    text-align: center;
}

.dselec_info_item img {
    width: 35px;
    margin-bottom: 10px;

}

.dselec_info_item h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.dselec_info_item a {
    font-size: .95rem;
    text-decoration: underline;
    color: #000;
    transition: color .2s ease;
}

.dselec_info_item a:hover {
    color: #0073e6;
}

/* ✅ Tablet y móviles: 2 columnas × 2 filas */
@media (max-width: 1024px) {
    .dselec_info_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media (max-width: 600px) {
    .dselec_info_item img {
        width: 48px;
    }
    .dselec_info_item h3 {
        font-size: 1rem;
    }
    .dselec_info_item a {
        font-size: .85rem;
    }
}



/*Botones lateerales*/

/* Contenedor general */
.dselec_infoBox {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 9px;
    border: 2px solid #00b9a1;
    border-radius: 10px;
    background: #fff;
    width: 100%;
    max-width: 360px;
    margin-bottom: 18px;
    font-family: "Poppins", sans-serif;
}

/* Fondo gris del ícono */
.dselec_infoBox_icon {
    background: #f4f4f7;
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Imagen del ícono */
.dselec_infoBox_icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Texto */
.dselec_infoBox_text h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.dselec_infoBox_text p {
    margin: 4px 0 0;
    font-size: 0.95rem;
    color: #000;
    line-height: 1.4;
}

/*========================Footer==============================*/


.footer {
    background-color: #0f172a;
    color: white;
    position: relative;
    overflow: hidden;
}

.footer-bg-decorations {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.bg-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, rgba(20, 184, 166, 0.1), transparent, rgba(6, 182, 212, 0.1));
}

.bg-circle-1 {
    position: absolute;
    top: 0;
    left: 25%;
    width: 384px;
    height: 384px;
    background-color: rgba(20, 184, 166, 0.05);
    border-radius: 50%;
    filter: blur(96px);
}

.bg-circle-2 {
    position: absolute;
    bottom: 0;
    right: 25%;
    width: 384px;
    height: 384px;
    background-color: rgba(6, 182, 212, 0.05);
    border-radius: 50%;
    filter: blur(96px);
}

.footer-content {
    position: relative;
    z-index: 10;
}

.footer-main {
    max-width: 1300px;
    margin: 0 auto;
    padding: 4rem 1.5rem;
}

.brand-section {
    text-align: center;
    margin-bottom: 3rem;
}

.brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.logo-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(to bottom right, #2dd4bf, #06b6d4);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-icon svg {
    color: white;
}

.brand-name {
    font-size: 1.875rem;
    font-weight: bold;
}

.brand-description {
    color: #94a3b8;
    max-width: 42rem;
    margin: 0 auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 3rem;
}

@media (min-width: 1024px) {
    .footer-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.column-title {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: #2dd4bf;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.location-card {
    margin-bottom: 1.5rem;
}

.location-name {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: white;
    transition: color 0.3s;
}

.location-card:hover .location-name {
    color: #2dd4bf;
}

.location-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #94a3b8;
}

.detail-item .icon {
    flex-shrink: 0;
    margin-top: 0.125rem;
    color: #2dd4bf;
}

.detail-item a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s;
    word-break: break-all;
}

.detail-item a:hover {
    color: white;
}

.links-section {
    margin-bottom: 2rem;
}

.links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    font-size: 0.875rem;
}

.links-grid a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s;
}

.links-grid a:hover {
    color: #2dd4bf;
}

.social-section {
}

.social-links {
    display: flex;
    gap: 0.75rem;
}

.social-link {
    width: 40px;
    height: 40px;
    border: 1px solid #334155;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    text-decoration: none;
}

.social-link svg {
    color: #94a3b8;
    transition: color 0.3s;
}

.social-link:hover {
    border-color: #2dd4bf;
    background-color: rgba(45, 212, 191, 0.1);
}

.social-link:hover svg {
    color: #2dd4bf;
}

.footer-bottom {
    border-top: 1px solid #1e293b;
}

.footer-bottom-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 0.875rem;
    color: #64748b;
}

@media (min-width: 768px) {
    .footer-bottom-content {
        flex-direction: row;
        justify-content: space-between;
    }
}

.footer-links {
    display: flex;
    gap: 1.5rem;
}

.footer-links a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: #2dd4bf;
}


.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}




/*------------------slider---------------------------------------------*/

.product-title-container h1 {
    font-size: 32px;
    font-weight: bolder;
}


.zeroxxs-page-wrapper {
    padding: 2rem 0;
}

.zeroxxs-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.zeroxxs-categories-section {
    padding: 4rem 0;
    background: #020617;
}

.zeroxxs-section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.zeroxxs-section-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0.75rem;
}

.zeroxxs-section-subtitle {
    font-size: 1.125rem;
    color: #cbd5e1;
    max-width: 600px;
    margin: 0 auto;
}

.zeroxxs-slider-container {
    position: relative;
    padding: 0 3.5rem;
}

.zeroxxs-slider-wrapper {
    overflow: hidden;
    border-radius: 1rem;
    padding: 8px 0px;
}

.zeroxxs-slider-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 1.3rem;
}

.zeroxxs-category-card {
    flex: 0 0 calc(16.666% - 1.25rem);
    background: #0f172a;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.zeroxxs-category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
    background: #E6D201;
}

.zeroxxs-category-card.zeroxxs-featured {
    background: #E6D201;
}

.zeroxxs-category-card.zeroxxs-featured:hover {
    background: #E6D201;
}

.zeroxxs-card-image {
    position: relative;
    width: 100%;
    height: auto;
    background: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow: hidden;
    transition: background 0.3s ease;
}

.zeroxxs-category-card.zeroxxs-featured .zeroxxs-card-image {
    background: #E6D201;
}

.zeroxxs-category-card:hover .zeroxxs-card-image {
    background: #E6D201;
}

.zeroxxs-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 2;
}

.zeroxxs-category-card:hover .zeroxxs-card-image img {
    transform: scale(1.1);
}

.zeroxxs-card-content {
    padding: 0.5rem;
    text-align: center;
    background: #0f172a;
    position: relative;
    z-index: 2;
    transition: background 0.3s ease;
}

.zeroxxs-category-card.zeroxxs-featured .zeroxxs-card-content {
    background: #E6D201;
}

.zeroxxs-category-card:hover .zeroxxs-card-content {
    background: #E6D201;
}

.zeroxxs-card-title {
    font-size: 0.7rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.zeroxxs-category-card.zeroxxs-featured .zeroxxs-card-title {
    color: #000000;
}

.zeroxxs-category-card:hover .zeroxxs-card-title {
    color: #000000;
}

.zeroxxs-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #1e293b;
    border: 2px solid #334155;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

.zeroxxs-slider-btn:hover {
    background: #E6D201;
    border-color: #E6D201;
    color: #000000;
    transform: translateY(-50%) scale(1.1);
}

.zeroxxs-slider-btn:active {
    transform: translateY(-50%) scale(0.95);
}

.zeroxxs-slider-btn-prev {
    left: 0;
    font-size: 5px;
}

.zeroxxs-slider-btn-next {
    right: -13px;
    font-size: 5px;
}

.zeroxxs-slider-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.zeroxxs-slider-btn:disabled:hover {
    background: #1e293b;
    border-color: #334155;
    color: #ffffff;
    transform: translateY(-50%);
}

.zeroxxs-slider-dots {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2rem;
}

.zeroxxs-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #334155;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.zeroxxs-dot:hover {
    background: #E6D201;
    transform: scale(1.2);
}

.zeroxxs-dot.zeroxxs-active {
    background: #E6D201;
    width: 32px;
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .zeroxxs-category-card {
        flex: 0 0 calc(25% - 1.125rem);
    }
}

@media (max-width: 640px) {
    .zeroxxs-section-title {
        font-size: 2rem;
    }

    .zeroxxs-slider-container {
        padding: 0 2.5rem;
    }

    .zeroxxs-category-card {
        flex: 0 0 calc(50% - 0.75rem);
    }

    .zeroxxs-card-image {
        height: 180px;
    }

    .zeroxxs-slider-btn {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .zeroxxs-section-title {
        font-size: 1.5rem;
    }

    .zeroxxs-section-subtitle {
        font-size: 1rem;
    }

    .zeroxxs-slider-container {
        padding: 0 2rem;
    }

    .zeroxxs-slider-btn {
        width: 36px;
        height: 36px;
    }
}

@media (hover: none) {
    .zeroxxs-category-card:hover {
        transform: none;
    }

    .zeroxxs-category-card:active {
        transform: scale(0.98);
    }
}


/*================TABLA======================*/

.dselec_table_container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.dselec_table_title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.dselec_table_grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 columnas iguales */
    gap: 2rem;
}

.dselec_table_col {
    display: flex;
    flex-direction: column;
  
}

.dselec_table_row {
    background: #f2f2f2;
    padding: 25px 18px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    width: 100%;        /* FULL WIDTH */
    font-size: 0.95rem;
    font-weight: 500;
}

.dselec_table_row span:first-child {
    font-weight: 700;
}

/* RESPONSIVE */
@media (max-width: 640px) {
    .dselec_table_grid {
        grid-template-columns: 1fr;
    }
}



.nav>li>a>i.icon-menu {
    font-size: 2.4em;
}


/*=====*/

.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: #fff;
}


input[type=search] {
    border-radius: 10px !important;
    height: 3.2em;
}



/*Contacto================== */

.dscontac_contact-section {
    padding: 80px 0;
}

.dscontac_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Header */
.dscontac_header {
    text-align: center;
    margin-bottom: 64px;
}

.dscontac_header h2 {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
}

.dscontac_header .dscontac_phone {
    font-size: 24px;
    font-weight: 600;
    color: #0D9488;
}

.dscontac_divider {
    width: 96px;
    height: 4px;
    background: linear-gradient(to right, #14B8A6, #06B6D4);
    margin: 24px auto 0;
}

/* Locations Grid */
.dscontac_locations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 64px;
}

@media (min-width: 1024px) {
    .dscontac_locations-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Location Card */
.dscontac_location-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    transition: all 0.3s ease;
}

.dscontac_location-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
}

/* Card Image */
.dscontac_card-image {
    width: 250px;
    flex-shrink: 0;
    background-color: #E2E8F0;
    overflow: hidden;
    position: relative;
}

.dscontac_card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.dscontac_location-card:hover .dscontac_card-image img {
    transform: scale(1.05);
}

/* Card Content */
.dscontac_card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.dscontac_card-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
}

/* Info Item */
.dscontac_info-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.dscontac_icon {
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.dscontac_info-text {
    font-size: 12px;
    color: #475569;
    line-height: 1.5;
}

.dscontac_info-title {
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;
}

.dscontac_info-text .dscontac_bold {
    font-weight: 500;
    color: #000;
}

/* WhatsApp Button */
.dscontac_whatsapp-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(to right, #22C55E, #16A34A);
    color: white;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    margin-top: auto;
}

.dscontac_whatsapp-btn:hover {
    background: linear-gradient(to right, #16A34A, #15803D);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
}

.dscontac_whatsapp-btn:active {
    transform: scale(0.95);
}

.dscontac_btn-icon {
    font-size: 20px;
}

/* Bottom CTA */
.dscontac_bottom-cta {
    text-align: center;
}

.dscontac_cta-box {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(to right, #14B8A6, #06B6D4);
    color: white;
    padding: 16px 32px;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.dscontac_cta-icon {
    font-size: 24px;
}

.dscontac_cta-box p {
    font-size: 18px;
    font-weight: 600;
}

.dscontac_cta-box a {
    color: white;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.dscontac_cta-box a:hover {
    color: #FDE047;
}

/* Responsive */
@media (max-width: 768px) {
    .dscontac_contact-section {
        padding: 40px 0;
    }

    .dscontac_header h2 {
        font-size: 32px;
    }

    .dscontac_header .dscontac_phone {
        font-size: 20px;
    }

    .dscontac_location-card {
        flex-direction: column;
    }

    .dscontac_card-image {
        width: 100%;
        height: 200px;
    }

    .dscontac_card-content h3 {
        font-size: 16px;
    }

    .dscontac_cta-box p {
        font-size: 16px;
    }
}


.dscontac_info-text p {
    padding: 0px !important;
    margin: 4px 0px;
}

button.dscontac_whatsapp-btn img {
    width: 26px;
    margin-bottom: 5px;
}


img.img-libror {
    width: 100px;
}



/* ====== CARD CATÁLOGO (CSS) ====== */
/* Ajusta el color principal si deseas */
:root{
  --dse-green:#19b7a7;
  --dse-orange:#2DD4BF;
  --dse-dark:#3f3f3f;
  --dse-white:#fff;
}

.dse-cat-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 260px));
  gap:24px;
  justify-content:center;
  padding:12px 0;
}

.dse-cat-card{
  width:260px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
}

/* ✅ IMPORTANTE: el hover ahora se aplica a este contenedor (no al <a>) */
.dse-cat-media{
  position:relative;
  width:100%;
  height:340px;
  overflow:hidden;
  background:#f4f6f7;
  cursor:pointer;
}

/* Imagen */
.dse-cat-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .35s ease, filter .35s ease;
}

/* ✅ Overlay con z-index para que quede encima de la imagen */
.dse-cat-overlay{
  position:absolute;
  inset:0;
  z-index:5;
  background:rgba(63,63,63,.92);
  opacity:0;
  visibility:hidden;
  pointer-events:none; /* se habilita en hover */
  transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.dse-cat-actions{
  width:100%;
  max-width:210px;
  display:grid;
  gap:12px;
}

/* Botones */
.dse-cat-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius:10px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  font-size:13px;
  border:2px solid transparent;
  transition:transform .18s ease, filter .18s ease;
  text-decoration:none;
}

.dse-cat-btn--outline{
  background:transparent;
  color:var(--dse-white);
  border-color:var(--dse-orange);
}

.dse-cat-btn--solid{
  background:var(--dse-orange);
  color:var(--dse-white);
}

.dse-cat-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.dse-cat-ico{ font-size:16px; }

/* Texto inferior */
.dse-cat-meta{
  background:#fff;
  text-align:center;
  padding:14px 12px 16px;
}

.dse-cat-title{
  font-weight:900;
  color:var(--dse-green);
  font-size:15px;
}

.dse-cat-year{
  margin-top:6px;
  font-weight:900;
  color:#2a2a2a;
  font-size:14px;
}

/* ✅ HOVER: ahora sí se muestra el overlay */
.dse-cat-card:hover .dse-cat-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.dse-cat-card:hover .dse-cat-img{
  transform:scale(1.03);
  filter:saturate(1.05);
}

/* Mobile: siempre visible */
@media (hover:none){
  .dse-cat-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    background:rgba(63,63,63,.78);
  }
}

/*=======================*/

/* ===============================
   TABLAS DE ESPECIFICACIONES DS
   =============================== */

/* Forzar ancho completo */
table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed; /* evita columnas desiguales */
}

/* Eliminar anchos heredados */
table td,
table th {
  width: auto !important;
}

/* Cuerpo */
table tbody tr {
  
}

/* Celdas */
table td,
table th {
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  word-wrap: break-word;
}

/* Primera columna (etiquetas) */
table td:first-child,
table th:first-child {
  font-weight: 600;
  padding-left: 19px;

}

/* Segunda columna (valores) */
table td:last-child {
  text-align: left;
  font-weight: 500;
}

/* Quitar bordes feos inline */
table[border],
table td[style],
table tr[style] {
  border: 1px solid #ececec;
  background:#fff;
}

/* Hover sutil */
table tbody tr:hover {
  background-color: #f8fdfc;
}

/* Responsive móvil */
@media (max-width: 768px) {
  table td,
  table th {
    font-size: 13px;
    padding: 8px 10px;
  }
}


/*=======*/

.widget>ul>li.has-child, ul.menu>li.has-child {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    background: #fff;
    border: 0px;
    border-radius: 5px;
    margin-top: 6px;
    padding: 10px;
}

.widget>ul>li ul li, ul.menu>li ul li {
    margin: 10px 0px;
}

.is-divider {
    background-color: rgb(230 210 0);
    display: block;
    height: 3px;
    margin: 1em 0;
    max-width: 40px;
    width: 100%;
}