.breadcrumb {width: 100%;background: #fff;padding: 0;font-family: "Roboto";}
.breadcrumb-list {max-width: 1200px;margin: 0 auto;list-style: none;display: flex;gap: 8px;font-size: 14px;padding: 30px 16px 10px}
.breadcrumb-item {color: #3d4043;font-weight: 300;}
.breadcrumb-item a {text-decoration: none;color: #3d4043;}
.breadcrumb-item a:hover {color: #ff8000;}
.breadcrumb-item::after {content: "›";margin-left: 8px;color: #999;}
.breadcrumb-item:last-child::after {content: "";}
.breadcrumb-item.active {font-weight: 400; color: #3d4043;}
/*------ producto  ------*/
.contenedor-producto{max-width: 100%;display: flex;align-items: center;padding:30px;margin: 0;font-family: "Roboto";background-color: #FFFFFF;flex-direction: column;user-select: none}
.contenedor-producto .productos-contenido{max-width: 1200px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;align-content: center;padding: 0;}
.contenedor-producto .productos-contenido .product-info{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0}
.contenedor-producto .productos-contenido .product-info .product-info-c{display: flex;flex-direction: row;}
.product-info-c {display: flex;flex-wrap: nowrap;align-items: flex-start}
.product-info-c .product-info-img{display: flex;align-content: center;align-items: flex-end;padding-bottom: 20px;margin: 0;position: relative;width: 100%;min-width: 300px;max-width: 400px}
/* hero producto */
.product-hero{padding: 10px 20px;margin: 0;display: flex;flex-direction: column;font-family: "Roboto"}
.product-hero h1{font-size: 28px;color: #191919;margin: 0 0 10px;font-weight: normal;text-align: center}
.product-meta .product-brand{padding: 0 0 5px;margin: 0}
.product-meta .product-brand img{width: 120px;margin: 0;padding: 0}
.product-hero p{font-weight: 300;text-align: justify;font-size: 15px;color: #191919;line-height: 1.4em;padding: 0;margin: 0 0 20px}
.product-hero .product-variants{padding: 0 0 25px 0;margin: 0;display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: wrap}
.product-hero .product-variants a{border: 1px solid rgba(25, 25, 25, 0.24);background-color: rgba(255, 255, 255, 0);padding: 6px;border-radius: 5px;font-size: 15px;text-decoration: none;font-family: "Roboto";font-weight: 300;color: #006cff;letter-spacing: 0.3px;width: 170px;text-align: center;margin: 5px;text-transform: none;}
.product-hero .product-variants a:hover{background-color: #f2f3f7}
/* control */
.product-info-img .motion1{max-width: 400px;position: absolute;z-index: 10; width: 100%;bottom: 35px;display: flex;justify-content: space-between;padding: 0;background-color: transparent}
.product-info-img .motion1 .left1, .right1{margin:0 10px;display: flex;justify-content: center;align-items: center;color: rgba(232, 78, 14, 0.47);cursor: pointer;z-index: 150;text-shadow: 0 0 1px rgba(0, 0, 0, 0.26);border: 1px solid rgba(118, 118, 118, 0.59);border-radius: 8px;width: 35px;height: 55px;background-color: rgba(255, 255, 255, 0.49);overflow: hidden}
.product-info-img .motion1 .left1 span, .right1 span{display: flex;justify-content: center;}
.product-info-img .motion1 .left1 span img, .right1 span img{filter: invert(10%)}
.motion1 .pagination1{margin: 0;padding: 0;position: absolute;top: 15px;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 1;text-shadow: 0 0 7px rgba(0, 0, 0, 0.26);left: 0}
.pagination1 li{list-style: none;font-size: 16px;margin: 2px 15px 2px;color: #d4d4d4;cursor: pointer;padding: 5px}
.product-info-img .motion1 .left1:hover, .right1:hover{border: 1px solid rgba(116, 116, 116, 0.44);background-color: rgba(255, 128, 0, 0.19);transition: all 0.05s}
.product-info-img .motion1:focus{outline: 0;}
.product-info-img .motion1 .left1:hover img{transition: .5s;transform: translateX(-56px);filter: invert(40%)}
.product-info-img .motion1 .right1:hover img{transition: .5s;transform: translateX(56px);filter: invert(40%)}
.product-info-img .motion1 img{margin: 0 22px; width: 12px;height: 12px;filter: invert(0%)}
.product-info-img .motion1 .left1{left: -20px;bottom: 120px}
.product-info-img .motion1 .right1{right: -20px;bottom: 120px}
.product-info-c .product-info-img .slider-sic1{margin: 0;width: 100%;padding: 0;display: flex;overflow: hidden;max-width: 400px}
.product-info-c .product-info-img .slider-sic1 li{width: 100%;min-width: 100%;display: flex;justify-content: center;}
.product-info-c .product-info-img .slider-sic1 img{max-width: 400px;width: 100%;padding: 0;}
.product-info-c .product-info-img .slider-sic2 li{width: 100%;display: flex;justify-content: center;}
.product-info-c .product-info-img .slider-sic2 img{padding: 0 10px 0 0;}
.product-info-img .slider-sic2{margin: 0;width: 100%;padding: 0;overflow: visible;display: none}
/* detalles de producto */
.product-details{background-color: #FFFFFF;max-width: 1200px;display: flex;flex-direction: column;align-items: center;width: 100%;padding:0;font-family: "Roboto";margin: 0 auto;}
.product-details .product-tabs{max-width: 1100px;width: 100%;display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 250px));gap: 15px;padding: 20px 10px;margin: 0;justify-content: space-evenly}
.product-details .product-tabs button{padding: 8px 20px;border-radius: 5px;
    border: 1px solid #e0e0e0;cursor: pointer;
    text-align: center;color: #575757;
    font-size: 15px;font-weight: 300;background-color: #FFFFFF;transition: all 0.3s ease;outline: none;}
.product-details .product-tabs button:hover{color: #3d4043;filter: invert(10%)}

#title-1{background-color: #e0e0e0}
#products-1{background-color: #e0e0e0}
.product-details .product-tab-content{max-width: 1100px;width: 100%;display: flex;justify-content: center;background-color: #fff;padding: 0}
.product-details .product-tab-content .product-features{padding-top: 20px;margin: 0;width: 100%;display: flex;flex-direction: column}
.product-details .product-tab-content .product-features li{font-size: 15px;font-weight: 300;letter-spacing: 0.1px; list-style-type: circle;line-height: 1.4;}
.product-details .product-tab-content .product-features li::marker{color: #191919;font-size: 1em}
.product-tab-content .products-t{max-width: 1100px;width: 100%;display: flex;justify-content: center;background-color: #fff;padding: 0;margin: 0 20px;}
.product-tab-content .products-t h4{color: #191919;font-size: 16px;font-weight: 400;margin: 20px 0 0 0}
.product-tab-content .products-t p{color: #FF8000;font-size: 15px;font-weight: 400;}
.products-t .products-table{width: 100%;border-collapse: collapse;margin: 20px 0 20px;font-size: 15px;font-weight: 300}
.products-table td:nth-child(1) {border: 1px solid #e0e0e0;width: 30%;vertical-align: top;min-width: 150px;padding:10px 20px}
.products-table td:nth-child(2) {border: 1px solid #e0e0e0;width: 70%;padding:5px 20px;}
#products-d-2{display: none;flex-direction: column}
#products-d-3{flex-direction: column;display: none}
.product-tab-content .product-doc{padding: 20px;margin: 0;width: 100%;display: flex;flex-direction: column}
.product-tab-content .product-doc h4{color: #191919;font-size: 16px;font-weight: 400;margin: 20px 0 0 0}
.product-tab-content .product-file{border-bottom: 1px solid #bbc5d1;width: 100%;padding: 20px 0 10px;}
.product-tab-content .product-file p{margin: 0;padding: 0; font-size: 15px;color: #FF8000;font-weight: 400}
.product-tab-content .product-down{width: 100%;display: flex;flex-direction: column;padding: 5px;}
.product-tab-content .product-down a{text-decoration: none;padding-top: 10px;color: #191919;display: flex;flex-wrap: nowrap;max-width:450px}
.product-tab-content .product-down a:hover{color: #006cff}
.product-tab-content .product-down a:hover i{color: #005a96}
.product-tab-content .product-down a span{font-size: 15px;display: flex;flex-direction: column;justify-content: flex-end;}
.product-tab-content .product-down a span small{font-size: 13px;line-height: 1.1em}
.product-tab-content .product-down a i{font-size: 35px;padding: 0 10px 0 0;color: #ff9000}
/* tipos de presión */
.productos-contenido .intro-pressure{padding-top: 60px}
.productos-contenido .intro-pressure h2{margin: 0;padding: 20px;text-align: center;font-size: 20px;font-weight: 400;color: #FF8000;}
.productos-contenido .pressure-types{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;max-width: 1100px;margin: 0;padding: 0;align-items: flex-start;width: 100%;justify-content: center;}

.productos-contenido .pressure-types .pressure-group{display: flex;justify-content: center;flex-direction: column;}
.productos-contenido .pressure-types .pressure-group h3{min-width: 150px;padding:0 25px 5px;margin:0;text-align: center;color: #575757;font-size: 15px;font-weight: 300;background-color: #FFFFFF;}
.pressure-group .pressure-variant{border-radius: 5px;padding: 0;margin: 5px 0;text-align: center;color: #ff8000;font-size: 15px;font-weight: 300;background-color: #FFFFFF}
.pressure-group .pressure-variant h4{padding: 5px 10px;border: 1px solid #e0e0e0;margin:0;text-align: center;color: #575757;font-size: 15px;font-weight: 300;background-color: #FFFFFF;}
.pressure-group .pressure-variant  h4:hover{color: #3d4043;filter: invert(10%)}
.pressure-group .pressure-variant  h4:last-child{margin-right: 0;}
/* descripcion presión  */
.produc-3 .related-products .description-title{width: 100%;padding: 0}
.produc-3 .related-products .description-title p{font-size: 15px;font-weight: 300;margin: 0 15px 20px 0;text-align: justify}
.produc-3 .related-products .description-title ul{list-style: none;padding: 0}
.produc-3 .related-products .description-title ul li{display: flex;flex-direction: row;}
.produc-3 .related-products .description-title ul li ul{list-style: circle;padding: 0 30px 20px}
.produc-3 .related-products .description-title ul li ul li{font-size: 15px;font-weight: 300;display: flex;justify-content: flex-start;align-items: baseline;flex-direction: row;}
.produc-3 .related-products .description-title ul li ul li sub{font-size: 10px;vertical-align: baseline;position: relative;bottom: -0.2em;line-height: 0;}
.produc-3 .related-products .description-title img{width: 250px;height: 250px;object-fit: cover;}
#desc-2, #desc-3, #desc-4, #desc-5{display: none}
/* ===============================
   RELATED PRODUCTS
   =============================== */
.related-products {font-family: "Roboto";width: 100%;background: #fff;padding: 0}
.related-products__container {max-width: 1200px;margin: 0 auto;padding: 60px 16px;}
.related-products__header h2 {text-align: center;font-size: 32px;font-weight: 400;margin-bottom: 40px;color: #3d4043;}
.related-products__grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 32px;}
/* Card */
.related-card {max-width: 300px;margin: 0 auto;
  border: 1px solid rgba(61, 64, 67, 0.2);border-radius: 12px;overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease;background: #fff;}.related-card a {text-decoration: none;color: inherit;display: block;height: 100%;}
.related-card:hover {transform: translateY(-4px);box-shadow: 0 12px 24px rgba(0,0,0,0.08);}
/* Media */
.related-card__media {position: relative;background: #f8fafc;padding: 15px;display: flex;justify-content: center;}
.related-card__media img {max-height: 260px;max-width: 100%;height: auto;object-fit: contain;}
/* Badge */
.related-card__badge {position: absolute;top: 12px;left: 12px;background: #f3e8de;color: #c2410c;font-size: 13px;padding: 4px 10px;border-radius: 6px;}
/* Body */
.related-card__body {padding: 16px 18px 18px;}
.related-card__body h3 {font-size: 16px;font-weight: 400;margin: 0 0 8px;color: #3d4043;}
.related-card__model {font-size: 14px;color: #6b7280;margin: 0 0 12px;}
.related-card__cta {font-size: 14px;font-weight: 500;color: #f26522;}

@media screen and (max-width: 780px) {
    .contenedor-producto .productos-contenido .product-info .product-info-c{flex-direction: column-reverse;align-items: center;}   
}
@media (max-width: 600px) {
    .product-details .product-tabs {grid-template-columns: repeat(1, 1fr);gap: 10px;}
}
@media (max-width: 500px) {
    .productos-contenido .pressure-types .pressure-group{flex-direction: column}
    .products-table td:nth-child(1) {width: 30%;vertical-align: top;min-width: 90px;padding:5px 15px;}
    .products-table td:nth-child(2) {border: 1px solid #e0e0e0;width: 70%;padding:5px 15px;}
    .produc-3 .related-products .description-title ul li{flex-direction: column;justify-content: center;align-items: center;}
}