/*
Theme Name: YuruStore Theme
Description: Tema para WordPress.
Author: Kevin
Author URI: 
version: 2.8.1
Tags: theme
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import "./assets/css/main.css";
:root {
    --color-1: #ffffff;
    --color-2: #fdc942;
    --color-3: #2750a2;
    --color-4: #000000;
    --color-5: #253d4e;
    --color-6: #ddd;
    --color-7: #fdc9425e;
    --color-8: #2750a25E;
    --color-9: #fcfaf6;
}
*{margin:0; padding:0;box-sizing: border-box;}

/* css generales   */
body{
    position: relative;
    font-family: "Nunito", sans-serif;
    background-color: var(--color-1);
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
/* #### css generales #### */
p{
    margin-bottom: 0px;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
h2{
    font-weight: 500;
}
h3{
    font-weight: 500;
}
h4{
    font-weight: 500;
}
h5{
    font-weight: 500;
}
/* espacios */
.content{
    max-width: 1200px;
    margin: auto;
}
.marginTop60{margin-top: 60px;}
.marginTop40{margin-top: 40px;}
.marginBottom60{margin-bottom: 60px;}
.marginBottom40{margin-bottom: 40px;}
.margin60{margin: 60px 0;}
.padding20{padding: 20px 0; box-sizing: border-box;}
.padding40{padding: 40px 0; box-sizing: border-box;}
.padding60{padding: 60px 0; box-sizing: border-box;}
.padding80{padding: 80px 0; box-sizing: border-box;}
.padding100{padding: 100px 0; box-sizing: border-box;}
/* textos Page */
.contentTextCentro {
    width: 80%;
    margin: auto;
}
.textCentrado p,
.textCentrado h1,
.textCentrado h2,
.textCentrado h3,
.textCentrado h4,
.textCentrado h5{
    text-align: center !important;
}
.textPage p {
    margin-bottom: 15px;
}
.textPage h2{
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.textPage h3{
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.textPage h4{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
    text-transform: capitalize;
}
/* textos General */
.textGeneral h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--color-3);
}
.textGeneral h3{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral h4{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral h5{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral p{
    text-align: justify;
    margin-bottom: 15px;
}
.textGeneral ol,
.textGeneral ul{
    margin-left: 20px;
}
.textGeneral li{
    text-align: justify;
    list-style: disc;
    margin-bottom: 15px;
}
.textGeneral img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
}
.textGeneral table {
    width: 100%;
    border-collapse: collapse;
}
.textGeneral th,.textGeneral  td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
}
.textGeneral th {
    background-color: #f2f2f2;
}
/* animacion entrada */
.contenedorAnimacion{
    overflow: hidden;
}

.transition5{transition: 0.5s !important;}
.transition10{transition: 1s !important;}
.transition15{transition: 1.5s !important;}
.transition20{transition: 2s !important;}
.transition25{transition: 2.5s !important;}
.transition30{transition: 3s !important;}
.transition35{transition: 3.5s !important;}
.transition40{transition: 4s !important;}
.transition45{transition: 4.5s !important;}
.transition50{transition: 5s !important;}
.transition55{transition: 5.5s !important;}

.animacionEntrada.topToBottom{
    transform: translateY(-200px);
    opacity: 0;
    transition: 1s;
}
.animacionEntrada.topToBottom.visible{
    transform: translateY(0);
    opacity: 1;
}
.animacionEntrada.bottomToTop{
    transform: translateY(200px);
    opacity: 1;
}
.animacionEntrada.bottomToTop.visible{
    transform: translateY(0);
    opacity: 1;
}
.animacionEntrada.leftToRight{
    transform: translateX(-400px);
    opacity: 0;
}
.animacionEntrada.leftToRight.visible{
    transform: translateX(0);
    opacity: 1;
}
.animacionEntrada.rightToLeft{
    transform: translateX(400px);
    opacity: 0;
}
.animacionEntrada.rightToLeft.visible{
    transform: translateX(0);
    opacity: 1;
}
.animacionEntrada.aparition{
    opacity: 0;
}
.animacionEntrada.aparition.visible{
    opacity: 1;
}
/* disenos adicionales */
/* * fondo imagen * */
.backgroung1{
    background-color: var(--color-9);
}
.backgroung2{
    background-color: var(--color-3);
}
.backgroung2 h2{
    color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}
.backgroung2 .sliderProdut .item {
    background: var(--color-2);
}

.backgroundImgPage1 {
    background: url(./images/fondo-servicios.webp) no-repeat center center;
    background-color: var(--color-6);
}
/* * icono de un estetoscopio en un strong * */
/* buscador header */
form#product-search input {
    padding: .5rem 1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border: 1px solid #ddd;
    min-width: 75%;
    font-family: "Nunito", sans-serif;
    font-size: 1rem;
}

form#product-search {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 54%;
}

form#product-search button {
    background: var(--color-3);
    border: 1px solid var(--color-3);
    padding: .5rem .5rem;
    color: #fff;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
/* header */
header.mainHeader {
    position: relative;
    z-index: 1000;
}
.contentSocialNetwork {
    border-bottom: 1px solid var(--color-6);
    padding: 12px 0;
    box-sizing: border-box;
}
.contentSocialNetwork .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.logo img {
    width: auto;
    height: 60px !important;
    display: block;
    object-fit: contain;
}
.iconsSocialNetworks ul {
    display: flex;
    align-items: center;
    justify-content: right;
}
.iconsSocialNetworks ul i {
    color: var(--color-3);
    font-size: 26px;
    padding: 0 6px;
    box-sizing: border-box;
}
.iconsSocialNetworks ul li:last-child a{
    color: var(--color-4);
}
.iconsSocialNetworks ul li:last-child a::after {
    content: "\f07a";
    font-family: 'FontAwesome';
    font-size: 20px;
    border: 1px solid var(--color-3);
    border-radius: 50%;
    padding: 8px 7px;
    color: var(--color-3);
    margin-left: 5px;
}
.contentMainMenu {
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-6);
    height: 50px;
    background: var(--color-2);
}
nav.navMenuHeader ul {
    display: flex;
    justify-content: center;
    height: 100%;
}
.contentMainMenu .content {
    height: 100%;
}
.navMenuHeader {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navMenuHeader li {
    height: 100%;
    position: relative;
}
.navMenuHeader div {
    height: 100%;
}
.navMenuHeader li a {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    color: var(--color5);
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s;
    text-transform: capitalize;
}
ul.sub-menu {
    display: none !important;
    height: auto !important;
    position: absolute;
    top: 100%;
    left: 50%;
    flex-direction: column;
    transform: translate(-50%, -10px);
    transition: 0.85s;
    box-shadow: 0 0 20px 1px var(--color-6);
    opacity: 0;
    background: var(--color-1);
}
ul.sub-menu a {
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-6);
    white-space: nowrap;
}
.navMenuHeader li a::after {
    content: '\25b6';
    font-size: 12px;
    margin-top: 1px;
    margin-left: 5px;
}
.navMenuHeader li:hover > .sub-menu {
    display: flex !important;
    opacity: 1;
    transform: translate(-50%, 0);
}
.textSliderHome a {
    width: fit-content;
    display: block;
    background: var(--color-2);
    padding: 5px 15px;
    border-radius: 15px;
    margin-top: 15px;
    color: var(--color-4);
    transition: 0.5s;
}
.textSliderHome a:hover {
    background: var(--color-1);
    color: var(--color-3);
}
.navMenuHeader li a:hover {
    color: var(--color-3);
}
/*---------------------- banner actualizado ------------------------------*/
.content_product_banner {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2rem 0;
    width: 100%;
}

img.bg_banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.sub_item_banner {
    width: 0%;
}

.sub_products_banner {
    width: 100%;
    display: flex;
    align-items: center;
}

.product_banner_home {
    width: 50%;
    display: flex;
    align-items: center;
    padding: .5rem;
}

.img_product_banner {
    width: 50%;
}

.img_product_banner img {
    width: 100%;
    height: auto;
}

.text_producto_banner {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.price_01_product_banner {
    background: #fff;
    width: fit-content;
    padding: .5rem;
    font-weight: bold;
    font-size: 24px;
}

.price_02_product_banner {
    background: var(--color-2);
    padding: .5rem;
    width: fit-content;
    line-height: 1;
    margin-bottom: .5rem;
}

.price_02_product_banner span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.price_02_product_banner p span {
    font-size: 16px;
}
.title_product_banner {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: .5rem;
}
.tags_product_banner {
    display: flex;
    flex-wrap: wrap;
}

.tags_product_banner p {
    background: #f2f2f278;
    padding: .1rem .5rem;
    border-radius: .5rem;
    font-size: 12px;
    font-weight: bold;
    margin-right: .25rem;
    margin-bottom: .25rem;
}
/* slider home */
.mySliderHome {
    background: var(--color-3);
    box-sizing: border-box;
    overflow: hidden;
}
.owl-stage-outer {
    height: 100%;
}
.owl-stage {
    height: 100%;
}
.owl-item {
    height: 100%;
}
.item {
    height: 100%;
    position: relative;
}
.textSliderHome {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    transform: translate(0, -50%);
    padding: 35px;
    box-sizing: border-box;
    font-size: 20px;
    color: var(--color-1);
}
.mySliderHome .item img {
    position: absolute;
    width: auto !important;
    max-width: 50%;
    height: auto;
    max-height: 90%;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.mySliderHome .item::Before {
    content: "";
    background: url(./images/fondo-servicios.webp) center center no-repeat;
    background-size: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
}
.textSliderHome strong {
    font-size: 60px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}
.mySliderHome .active .item img {
    animation: aparecerImg 1.8s ease-in-out;
}
.mySliderHome .active .textSliderHome {
    animation: aparecerWord 1.5s ease-in-out;
}
@keyframes aparecerImg {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes aparecerWord {
    from{
        scale: 0.9;
    }
    to{
        scale: 1;
    }
}
/* about us home */
.mainContentAboutUsHome {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.textAboutUsHome h1 {
    font-size: 35px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.textAboutUsHome {
    width: 50%;
    padding: 25px;
    box-sizing: border-box;
}
.imgAboutUsHome {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}
.imgAboutUsHome img {
    border-radius: 15px;
}
.textAboutUsHome strong {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
}
.textAboutUsHome p {
    margin-bottom: 15px;
}
.textAboutUsHome li {
    margin-bottom: 11px;
    position: relative;
}
.textAboutUsHome li::before {
    content: "\2713";
    background: var(--color-2);
    border-radius: 50%;
    padding: 2px 6px;
    color: var(--color-1);
    margin-right: 5px;
}
/* Servicios */
.contentItemsServicesHome {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.ItemServicio {
    flex-wrap: wrap;
    width: 32%;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 15px;
    padding: 15px 20px;
    overflow: hidden;
    min-height: 150px;
    box-shadow: 0 0 20px 1px var(--color-6);
}
.imgServicio {
    position: relative;
    width: 35%;
    height: auto;
}
.imgServicio img {position: absolute;right: -20px;top: 50%;transform: translate(0, -50%);}
.textoServicio {
    width: 65%;
}
.ItemServicio:nth-child(1),
.ItemServicio:nth-child(4),
.ItemServicio:nth-child(7),
.ItemServicio:nth-child(10){
    background-color: var(--color-2);
}
.ItemServicio:nth-child(2),
.ItemServicio:nth-child(5),
.ItemServicio:nth-child(8),
.ItemServicio:nth-child(11) {
    background-color: var(--color-3);
    color: var(--color-1);
}
.ItemServicio:nth-child(3),
.ItemServicio:nth-child(6),
.ItemServicio:nth-child(9),
.ItemServicio:nth-child(12) {
    background-color: var(--color-2);
}
.ItemServicio strong {
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
    font-weight: normal;
    text-transform: capitalize;
}
.ItemServicio h3 {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ItemServicio p:not(first-child) {
    width: 100%;
    display: block;
}

.ItemServicio a {
    display: block;
    background: var(--color-3);
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 15px;
    width: fit-content;
    transition: 0.5s;
}
.ItemServicio a:hover{
    padding-left: 35px;
}
.ItemServicio:nth-child(1)  a ,
.ItemServicio:nth-child(4)  a ,
.ItemServicio:nth-child(7)  a ,
.ItemServicio:nth-child(10)  a {
    background-color: var(--color-3);
}
.ItemServicio:nth-child(2)  a ,
.ItemServicio:nth-child(5)  a ,
.ItemServicio:nth-child(8)  a ,
.ItemServicio:nth-child(11)  a  {
    background-color: var(--color-2);
    color: var(--color-4);
}
.ItemServicio:nth-child(3)  a ,
.ItemServicio:nth-child(6)  a ,
.ItemServicio:nth-child(9)  a ,
.ItemServicio:nth-child(12)  a  {
    background-color: var(--color-3);
}
.mainTextServicesHome {
    padding: 10px;
    text-align: center;
}
a.moreServicesHome {
    width: fit-content;
    display: block;
    padding: 10px;
    text-align: center;
    background: var(--color-2);
    border-radius: 15px;
    text-decoration: none;
    color: var(--color-4);
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px auto;
    transition: 0.5s;
}
a.moreServicesHome:hover {
    background: var(--color-3);
    color: var(--color-1);
}
section.contentProductsHome a.moreServicesHome:hover {
    background: var(--color-1);
    color: var(--color-3);
}
/* productos home */
.sliderProdut img {
    width: 100%;
    height: auto;
}
.owl-dots {
    display: none;
}
section.contentProductsHome a.moreServicesHome {
    width: fit-content;
    background: var(--color-2);
    color: var(--color-4);
}
.sliderProdut {
    margin: 30px 0;
}
.sliderProdut .item {
    border: 1px solid var(--color-6);
    padding: 10px;
    border-radius: 10px;
}
.textProdcutsHome h2 {
    border-bottom: 1px solid var(--color-6);
    color: var(--color-3);
    font-weight: 600;
}
.backgroung2 .sliderProdut .item img {
    border-radius: 10px;
}
/* Blogs home */
.mainContentBlogsHome {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.itemBlogsHome {
    width: 32%;
    margin: 15px auto;
    box-shadow: 0 0 20px 1px var(--color-6);
    border-radius: 15px;
}
a.bottomImg {
    width: 100%;
    display: block;
    height: 350px;
}
a.bottomImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.textServiciosHome {
    padding: 10px 16px;
    padding-bottom: 15px;
}
.textServiciosHome h3 a {
    color: var(--color-4);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    display: block;
    transition: 0.5s;
}
.textServiciosHome h3 a:hover {
    color: var(--color-2);
}
span#dateBlog {
    text-transform: uppercase;
    color: var(--color-3);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
/* contact us home*/
.mainContentContactUsHome {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.clientesCorporativoText {
    width: 50%;
    position: relative;
    background: var(--color-3);
    border-radius: 25px;
    padding: 50px 25px;
    padding-right: 300px;
    overflow: hidden;
    color: var(--color-1) !important;
}
.clientesCorporativoText img {
    position: absolute;
    width: 300px;
    height: auto;
    right: -40px;
    bottom: -40px;
}
.clientesCorporativoText h2 {
    font-size: 30px;
    margin-bottom: 15px;
    color: var(--color-1);
}
.clientesCorporativoText p {
    margin-bottom: 15px;
}
.clientesCorporativoText a {
    background: var(--color-2);
    border-radius: 5px;
    display: block;
    width: fit-content;
    padding: 10px 15px;
    color: var(--color-4);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
.itemsContactUs {
    width: 50%;
    padding: 40px;
}
.itemContactoUsHome {
    display: flex;
    align-items: center;
    justify-content: left;
    border-bottom: 1px solid var(--color-6);
    margin-bottom: 15px;
}
.columnItemContacto i {
    font-size: 60px;
    padding: 20px;
    color: var(--color-2);
}
.itemContactoUsHome:last-child {
    border-bottom: none;
}
/* Registro Home */
.mainContentLogin {
    display: flex;
    flex-wrap: wrap;
}
.formLoginHome {
    width: 40%;
    background: var(--color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.mainContentLogin img {
    width: 60%;
    height: auto;
}
.registroUsFormPage {
    color: var(--color-1);
    font-size: 20px;
}
input#telRegistroHome,
input#emailRegistro,
input#textNameRegistro {
    box-sizing: border-box;
    padding: 5px 8px;
    width: 100%;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    font-family: "Nunito", sans-serif;
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
input#registroSend {
    width: 100%;
    border: none;
    background: var(--color-2);
    color: var(--color-4);
    padding: 15px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
}
.itemRegistroUsFormnPage {
    margin-bottom: 15px;
}
.formLoginHome li {
    color: var(--color-1);
    padding: 20px;
    box-sizing: border-box;
}

.formLoginHome div {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
}

.formLoginHome h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
/* servicios page */
.imgTwoColumns {
    width: 400px; /* Ancho de la imagen */
    height: 550px; /* Alto de la imagen */
    position: relative;
}
.imgTwoColumns img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 400px;
    height: 550px;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
    z-index: 10;
}
.imgTwoColumns::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 400px;
    height: 550px;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
    background: var(--color-2);
}
.twoColumns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
}
.itemTwoColumns {
    width: 60%;
}
.marcasServicio img {
    width: auto;
    height: auto;
}
.marcasServicio ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.marcasServicio li {
    list-style: none;
    padding-right: 10px;
}
/* propuesta de valor */
.propuestaValor td:first-child{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: 2px;
    font-weight: 600;
}
/* general pages */
section.bannerPage {
    padding: 60px;
    box-sizing: border-box;
    background: var(--color-3);
    margin-bottom: 20px;
}
h1.tiltlePageBanner {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: var(--color-1);
}
article.seccionPageGeneral {
    max-width: 80%;
    margin: auto;
}
/* contact us page */
.contentMapContactUsPage iframe {
    width: 100%;
    height: 500px;
}
.contactUsFormPage {
    width: 80%;
    margin: auto;
    border: 1px solid var(--color-6);
    padding: 25px;
    border-radius: 20px;
}
input#telFormContactUs,
textarea#mensajeFormContactUs,
input#emailFormContactUs,
input#nameFormContactUs {
    width: 100%;
    border: 1px solid var(--color-6);
    border-radius: 10px;
    padding: 10px 15px;
    font-family: "Nunito", sans-serif;
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
p#textcontactUsFormPage {
    font-weight: 700;
    color: var(--color-3);
    margin-bottom: 0;
}
input#enviarFormularioContacto {
    width: 100%;
    border: none;
    background: var(--color-3);
    color: var(--color-1);
    padding: 15px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
}
input#enviarFormularioContacto:hover {
    background: var(--color-2);
    color: var(--color-4);
}
/* libro reclamaciones */
.libroReclamacionesContactForm {
    width: 75%;
    margin: auto;
    background: #eee;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 15px;
}
.libroReclamacionesContactForm h2 {
    text-align: center;
}
.libroReclamacionesContactForm p {
    text-align: center;
}
.wrapperReclamaciones {
    border-top: 1px solid var(--color-3);
    margin-top: 10px;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
h3#titleH3Reclamaciones {
    width: 100%;
}
.wrapperReclamaciones p,
.wrapperReclamaciones span {
    width: 100%;
}
.libroReclamacionesContactForm span {
    font-weight: 600;
}
.itemReclamante {
    width: 32%;
}
select#tipoDocumentoIdentidadReclamante,
input#numeroDocumentoIdentidadReclamante,
input#telefonoReclamante,
input#emailReclamanate,
input#apellidoMaternoReclamante,
input#direccionReclamante,
textarea#especificacionReclamo,
input#apellidoPaternoReclamante,
input#nombreReclamantre {
    box-sizing: border-box;
    padding: 5px 8px;
    width: 100%;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    font-family: "Nunito", sans-serif;
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
.itemReclamante2 {
    width: 100%;
}
.itemReclamante3 {
    width: 49%;
}
/* galeria page */
.GalleryColumns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.imgTwoColumns2::before {
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.imgTwoColumns2 img {
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.GalleryColumns .imgTwoColumns {
    margin: 25px auto;
}
.GalleryColumns .imgTwoColumns {
    width: 320px;
    height: 400px;
}
.GalleryColumns .imgTwoColumns::Before {
    width: 320px;
    height: 400px;
}
.GalleryColumns img {
    width: 320px;
    height: 400px;
}
/* aliados page */
.itemClienteImg ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.itemClienteImg li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itemClienteImg img {
    width: fit-content;
    max-width: 250px;
    max-height: 180px;
    object-fit: contain;
}
/* Blog main PAge */
section.bannerImgBlogPage img {
    width: 100%;
    height: auto;
}
article.seccionPageGeneral.seccionBlogPage {
    padding: 20px 25px;
    margin-top: -60px;
    background: var(--color-1);
    z-index: 10;
    position: relative;
    box-shadow: 0 0 20px 1px var(--color-6);
    margin-bottom: 40px;
}
.seccionBlogPage h1 {
    color: var(--color-4);
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 35px;
}
.seccionBlogPage #dateBlog{
    color: var(--color-2);
}
/* Footer */
footer {
    border-top: 1px solid var(--color-6);
    border-bottom: 1px solid var(--color-6);
    background: var(--color-2);
}
.contentColumnsFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.contentColumnsFooter li {
    width: 33%;
    padding: 15px;
}
.contentColumnsFooter li li {
    width: auto;
    padding: initial;
}
footer h3 {
    margin-bottom: 15px;
    font-size: 22px;
    color: var(--color-3);
    font-weight: 600;
}
footer p {
    margin-bottom: 10px;
}
footer a {
    display: block;
    color: var(--color-4);
    font-weight: 500;
    transition: 0.5s;
}
footer li {
    margin-bottom: 10px;
}
footer a:hover {
    padding-left: 5px;
    color: var(--color-3);
}
footer i {
    color: var(--color-3);
}
.contentTextCopyright {
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 15px;
}
.contentTextCopyright a {
    color: var(--coloe-4);
    transition: 0.5s;
}
.contentTextCopyright a:hover {
    color: var(--color-2);
}
.contentSocialNetworkFooter {
    padding: 12px 0;
    box-sizing: border-box;
    background: var(--color-3);
    color: var(--color-1);
}
/* * navegiacion de paginas * */
.navigation {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.page-numbers {
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto;
    width: fit-content;
}
.page-numbers a {
    padding: 10px;
    background: var(--color-9);
    margin: 5px;
    font-size: 15px;
    font-weight: 800;
    color: var(--color-3);
}
.navigation span {
    background: var(--color-2);
    padding: 10px;
    margin: 5px;
    font-size: 15px;
    font-weight: 800;
    color: var(--color-1);
    cursor: pointer;
    transition-duration: 0.85s;
}
.navigation span:hover {
    color: var(--color-3);
}
.page-numbers a:hover {
    color: var(--color-2);
}
ul.page-numbers span {
    padding: 10px;
    background: var(--color-2);
    margin: 5px;
    font-size: 15px;
    font-weight: 800;
    color: var(--color-3);
}
/* Culqi */
.twoColumnsProducts {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.itemTwoColumns2:first-child {
    width: 75%;
}
.itemTwoColumns2:last-child {
    width: 25%;
}
.itemTwoColumns2 {
    padding: 15px;
    box-sizing: border-box;
}
form#formCulqi {
    background: #f2f2f2;
    border-radius: 15px;
    padding: 15px;
}
input#btn_pagar {
    width: 100%;
    border: none;
    border-radius: 15px;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background: var(--color-2);
}
form#formCulqi label {
    font-weight: 500;
    margin-bottom: 15px;
}

input#precioCulqi {    
    box-sizing: border-box;
    padding: 5px 8px;
    width: 100%;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    font-family: "Nunito", sans-serif;
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
/* categorias woocommerce */
.wrapper-product-categories {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.item-product-category {
    width: 32%;
    margin: 15px auto;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 20px 1px #ddd;
}
.item .item-product-category{
    width: 100%;
}
#img-product-category {
    display: block;
    width: 100%;
}

#img-product-category img {
    width: 100%;
    height: auto;
    object-fit: cover;
    padding: 10px 15px;
}

.item-product-category::before {
    content: "";
    width: 150%;
    height: 100%;
    background: var(--color-2);
    position: absolute;
    top: -70%;
    left: 50%;
    rotate: 170deg;
    z-index: -1;
    transform: translate(50%,0);
}
.title-price-producto-category {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 5px;
    border-top: 1px dashed var(--color-2);
    padding: 10px 0;
}
#brand-product {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-5);
}
p.price-product-category {
    border-radius: 50%;
    background: var(--color-3);
    padding: 20px 10px;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-1);
}

.title-price-producto-category h3 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
    font-weight: 700;
    color: var(--color-3);
}
.item .title-price-producto-category h3{
    font-weight: 700;
    font-size: 16px;
}
.item .title-price-producto-category p{
    font-size: 14px;
}
.seemore-product-category p {
    width: 100%;
}
.seemore-product-category a {
    display: block;
    background: var(--color-1);
    color: var(--color-3);
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border: 1px solid var(--color-3);
    transition: 0.5s;
}
.seemore-product-category a:hover {
    background: var(--color-3);
    color: #fff;
}
.seemore-product-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prices-product-category a {
    background: #15c71a;
    color: var(--color-1);
    padding: 3px 8px;
    border-radius: 30px;
    display: block;
    white-space: nowrap;
}

.prices-product-category p {
    DISPLAY: FLEX;
    FLEX-DIRECTION: column;
    margin-bottom: 2px;
    font-size: 14px;
}

.prices-product-category span {
    font-size: 16px;
    font-weight: 700;
    padding-left: 3px;
}
.prices-product-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
/* woocommerce simple producto */
.woocommerce-product-gallery {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-2);
}
.woocommerce-main-image {
    overflow: hidden;
}

.woocommerce-main-image img {
    transition: transform 0.5s ease;
    width: 100%;
    height: auto;
}

.product-summary {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-2);
}
div#gallery img {
    width: auto;
    height: auto;
    display: block;
    margin: auto;
}
.wrapper-single-product {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.description-single-product {
    width: 55%;
    padding: 10px;
}
.item .description{
    width: 100%;
}

section.content_productos_carrousel {
    padding: .5rem;
    position: relative;
}

button#customPrev {
    position: absolute;
    top: 50%;
    left: .5rem;
    z-index: 10;
    background: #ffffffc7;
    border: 1px solid #ddd;
    padding: .5rem .75rem;
    border-radius: 50%;
    color: #000;
    font-size: 1.25rem;
    cursor: pointer;
}

button#customNext {
    position: absolute;
    top: 50%;
    right: .5rem;
    z-index: 10;
    background: #ffffffc7;
    border: 1px solid #ddd;
    padding: .5rem .75rem;
    border-radius: 50%;
    color: #000;
    font-size: 1.25rem;
    cursor: pointer;
}

.payment-methods-single-product {
    width: 45%;
    padding: 10px;
}
.title-details-single-product h1 {font-size: 35px;}

p#brand-details-single-product {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.title-details-single-product {
    border-bottom: 1px solid var(--color-6);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.detail-payments-methods-single-product {border-bottom: 1px solid var(--color-6);margin-bottom: 10px;padding-bottom: 10px;}

p#name-company-sinlge-product {
    font-size: 18px;
    color: var(--color-3);
}

.company-details-single-product {
    font-size: 20px;
}

.item-type-of-product-delivery {
    display: flex;
    align-items: center;
    justify-content: left;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px 10px;
}

.item-type-of-product-delivery i {
    font-size: 35px;
}

.item-type-of-product-delivery p {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}

.types-of-paymeny-methods {
    font-size: 20px;
    border-bottom: 1px solid var(--color-6);
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.wrapper-prices-details-single-product{
    border-bottom: 1px solid var(--color-6);
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.offers-single-product {
    background: var(--color-7);
    padding: 10px;
}

.offers-single-product strong {
    color: var(--color-3);
}
.price-details-single-product p {
    font-size: 18px;
    margin-bottom: 5px;
}

.price-details-single-product span {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-3);
}
.add-to-car-details-single-product .quantity input {
    padding: 8px 15px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    background: var(--color-7);
    margin-bottom: 10px;
}

.add-to-car-details-single-product button {
    padding: 10px 20px;
    border: none;
    background: var(--color-2);
    color: var(--color-3);
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    margin-bottom: 10px;
}

p.price {
    font-size: 20px;
    font-weight: 700;
}

div#item-price-simple-product {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

span#limit-unit-producto {
    font-size: 13px;
    color: #f00;
}


.types-of-paymeny-methods img {
    display: block;
    width: 100%;
    height: auto;
}
.wrapper-whatsapp-single-product a {
    display: block;
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #15c71a;
    color: #15c71a;
    font-size: 20px;
    border-radius: 25px;
    transition: 0.5s;
}

.wrapper-whatsapp-single-product a:hover {
    background: #15c71a;
    color: #fff;
}
.wrapper-whatsapp-single-product {
    font-size: 20px;
}
/* carrito de compras */
.cart-products-main a {
    font-weight: 600;
    color: var(--color-3);
    font-size: 18px;
}

/* codigo temporal de carrito */
.wc-block-grid.wp-block-product-new.wc-block-product-new.has-4-columns {
    DISPLAY: NONE;
}





/* boton whatsapp */
.whatsapp {position: fixed;bottom: 0px;z-index: 100;right: 0px;padding: 5px 5px 5px 10px;margin: 10px;background: #15c71a;border-radius: 15px;text-decoration: none;animation: whatsapp 2s ease-in-out infinite;}
@keyframes whatsapp {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);  
    }
}
.whatsapp:hover {opacity: 0.7}
.whatsapp p {display: flex;justify-content: center;align-items: center;color: #fff;}
.whatsapp i {font-size: 49px;color: #fff;padding: 0 10px;}
/* mobile menu pluging */
.mob-menu-logo-holder > .headertext span, .mobmenu input.mob-menu-search-field {
    display: none;
}
.mob-icon-menu:before {
    content: '\e9d6';
    color: var(--color-1);
    background: var(--color-2);
    border-radius: 50%;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
    background-color: var(--color-2);
}
.mobmenu-content i ,
.mobmenu-content a {
    color: var(--color-1) !important;
}
.mobmenu-content li a:hover{
    background-color: none;
}
@media(max-width:768px){

    .ItemServicio {
        width: 49%;
    }
    
    .textAboutUsHome {
        width: 100%;
    }
    
    .imgAboutUsHome {
        width: 100%;
    }
    .clientesCorporativoText {
        width: 98%;
        margin: auto;
    }
    .itemsContactUs {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contentColumnsFooter li {
        width: 90%;
        text-align: center;
        margin: auto;
    }
    .itemTwoColumns {
        width: 100%;
    }
    
    .imgTwoColumns {
        margin: auto;
        margin-bottom: 25px;
    }
    
    .twoColumns.backgroung1 {
        flex-direction: column-reverse;
    }
    article.seccionPageGeneral {
        max-width: 100% !important;
        width: 100%;
        padding: 10px;
    }
    .itemBlogsHome {
        width: 48%;
    }
    .item-product-category {
        width: 49%;
    }
    .iconsSocialNetworks ul li:not(last-child) {
        display: none;
    }

    .iconsSocialNetworks ul li:last-child {
        display: block;
    }

    .iconsSocialNetworks ul {
        margin-bottom: 0;
    }
    .product_banner_home:last-child {
        display: none;
    }

    .product_banner_home img {
        width: 100%;
        height: auto;
    }

    img.bg_banner {
        width: 100%;
        height: 199%;
        object-fit: cover;
    }
    nav.navMenuHeader{
        justify-content: left;
    }
    nav.navMenuHeader > li {
        display: none;
    }

    nav.navMenuHeader > a {
        margin-left: .5rem;
    }
}
@media(max-width:720px){
    .iconsSocialNetworks {
        display: none;
    }
    .contentSocialNetwork .content {
        justify-content: center;
    }
    .textSliderHome {
        width: 100%;
        padding-bottom: 200px;
    }
    .mySliderHome .item img {top: 100%;transform: translate(0, -100%);z-index: -1;}
    .mySliderHome {
        height: 600px;
    }
    .ItemServicio {
        width: 98%;
    }
    .itemBlogsHome {
        width: 98%;
    }
    .clientesCorporativoText {
        padding: 25px 20px;
    }
    .clientesCorporativoText img {
        display: none;
    }
    .formLoginHome {
        width: 100%;
    }
    .mainContentLogin img {
        width: 100%;
        margin: auto;
    }
    .mainContentLogin {
        flex-direction: column-reverse;
    }
    .item-product-category {
        width: 100%;
    }
    .product_banner_home {
        width: 100%;
    }

    .product_banner_home:nth-child(2) {
        display: none;
    }

    .mySliderHome {
        height: fit-content;
    }

    form#product-search input {
        min-width: 100%;
    }

    .contentSocialNetwork .content {
        width: 100%;
    }

    form#product-search {
        width: 75%;
    }
}
@media(max-width:480px){
    .iconsSocialNetworks {
        display: none;
    }
    .contentSocialNetwork .content {
        justify-content: center;
    }
    .textSliderHome {
        width: 100%;
        padding-bottom: 200px;
    }
    .mySliderHome .item img {top: 100%;transform: translate(0, -100%);z-index: -1;}
    .ItemServicio {
        width: 98%;
    }
    .itemBlogsHome {
        width: 98%;
    }
    .clientesCorporativoText {
        padding: 25px 20px;
    }
    .clientesCorporativoText img {
        display: none;
    }
    .formLoginHome {
        width: 100%;
    }
    .mainContentLogin img {
        width: 100%;
        margin: auto;
    }
    .mainContentLogin {
        flex-direction: column-reverse;
    }

}