.p-textooo{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    border: none;
    border-radius: none;
    text-decoration: none;
    align-items: center;
    text-align: left;
}
.texto-cotizacion{
    font-size: 11pt;
    font-style: oblique;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    border: none;
    border-radius: none;
    text-decoration: none;
    align-items:center;
    text-align: left;
    align-items: center;
    padding: 5px;
    line-height: 28px;
}
.text-titulo-productos{
    font-size: 11pt;
    font-weight: bold;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    border: none;
    border-radius: none;
    text-decoration: none;
    align-items:flex-start;
    text-align: left;
    align-items: center;
    padding: 5px;
}
.text-titulo-productos:hover{
    font-size: 11pt;
    font-weight: bold;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: orange;
    border: none;
    border-radius: none;
    text-decoration: none;
    align-items:flex-start;
    text-align: left;
    align-items: center;
    cursor: pointer;
}
.titulo-nolink{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: green;
    padding: 5px;
    font-weight: bold;
    line-height: 30px;
}
.titulo-nolink:hover{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: orange;
    font-weight: bold;
}
.text-whatsapp{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.text-whatsapp:hover{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    border-radius: 10px;
    background-color: orange;
    cursor: pointer;    
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*lista de productos*/
.list-link-productos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:flex-start;
    position: relative;
    margin: 0px;
}
.list-link-productos .list-li{
    width: 270px;
    display: flexbox;
    gap: 15px;
    text-align: left;
    justify-items: flex-start;
    flex-direction: column;
}
.list-link-productos .list-li a{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(55, 71, 79); 
    padding: 10px; 
}
.list-link-productos .list-li a:hover{
    font-size: 11pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color: rgb(245, 124, 0 );
    padding: 10px;
    border-radius: 10px;
}

/*botones----------------------------------inicio---------------*/
.boton-cot{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.btn-detalles-coti{
    width: 75%;    
    margin-bottom: 30px;
    font-size: 11pt;
    text-align: center;    
    text-transform:uppercase;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 15px 20px;
    box-shadow: 0px 10px 20px  rgb(0,0,0,0.19),
                0px 6px 6px rgb(0,0,0,0.23);
    color: black;
    cursor: pointer;
    position: relative;
    border-top-right-radius: 10px;
    border-bottom-left-radius:10px;
    transition: all 1s;
}
.btn-detalles-coti:before, .btn-detalles-coti:after{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0px solid white;
    transition: all 1s;
}
.btn-detalles-coti:before{
    bottom: -1px;
    right: -1px;
    border-top: 5px solid rgb(0, 176, 190);
    border-left: 5px solid rgb(0, 176, 190);
    transform: rotate(180deg);
}
.btn-detalles-coti:after{
    top: -1px;
    left: -1px;
    border-top: 5px solid rgb(0, 176, 190);
    border-left: 5px solid rgb(0, 176, 190);
}

.btn-detalles-coti:hover{
    border-top-right-radius: 0px;
    border-bottom-left-radius:0px;
    color:rgb(0, 176, 190);
    text-shadow: 1px 1px 2px rgb(0, 176, 190);
}
.btn-detalles-coti:hover:after, .btn-detalles-coti:hover:before{
    width: 102%;
    height: 102%;
}

/*estilos de productos de stock de cotizaciones

.boton-solicitar-cotizacion{
    font-size: 11pt;
    font-weight: bold;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(249, 251, 231); 
    background-color: rgb(255, 160, 0 );
    text-decoration: none;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    padding-left: 40px;
    border-radius: 8px;
    flex: 1;
    flex-direction: column;
    display: flexbox;
    justify-content: center;
}
.boton-solicitar-cotizacion a:hover{
    font-size: 11pt;
    font-weight: bold;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(249, 251, 231);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: rgb(0, 131, 143);
    -----------------------------------------------------------*/


    /*----inicio---contenido-----de la derecha--------------------*/

/*finaliza------inicio---contenido-----de la derecha-------------------*/



/*---------inicio-------texto de titulo de sidebar-----------*/
.contactInfo .text-ptitulo{
font-weight: 700;
font-size: 9pt;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
text-align: justify;
text-align: left;
}
/*.text-izquierda{
    width: 50%;
    height: 60px;
    display: block;
    float: left;
    text-align:center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding-right: 30px;
    font-size: 13pt;
    color: tomato;
    padding: 10px;
    font-style: italic;
    font-size: 11pt;
    font-weight: 600;
    text-decoration:line-through;
    margin-bottom: 20px;
}*/
.text-derecha{
    font-size: 15pt;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: right;
    padding:3rem 1rem 3rem 1rem;
    color: black;
    font-weight: 700;
    text-align: center;
    font-style: oblique;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.text-derecha:hover{
    color: rgb(70, 83, 252);
}
.enlace-cotizar{
    width: 70%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 25px;
       display: flex;   
    text-align: center;
    background-color: rgb(0, 140, 17);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
   
}
.enlace-cotizar:hover{
    background-color: rgb(255, 195, 0);
}
.enlace-cotizar a{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 14pt;
    color: white;
}
.enlace-cotizar a:hover{
    font-size: 14pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    text-decoration: underline;
}

.contactInfo hr{
    background-color: #E3E1E0 ;
}
.text-precios{
    width: 100%;
    border: 1px solid #ababaa;
    border-radius: 7px;
    margin: 0; padding: 6px;
    display:block;
    margin: 20px 0 20px 0;
    background-color: white;
}
.text-precios h4{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;;
    font-size: 11pt; 
    line-height: 20px;
    display:inline-flex;
    width: 100%;
    padding: 6px;
    text-align: center;
}
.text-precios p{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;;
    font-size: 10pt; 
    width: 100%;
}
.text-precios ul{
display:block;
width: 100%;
padding: 0;
margin: 0;
height: auto;
}
.text-precios ul > h1{
    font-size: 12pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    width: 100%;
    padding: 10px;
    margin: 0;
}
.text-precios ul li{
    font-size: 10pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    width: 100%;
    display: block;
    padding: 5px;
    list-style-type: square;
    }
.text-precios h2{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    text-align: center;
    font-size: 13pt
}
.text-precios .h3-delivery{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    text-align: left;
    font-size: 9pt;
    line-height: 20px;
}
/*-------------final---texto de titulo de sidebar-----------*/

   .acoridon-container{
    width: 100%;
    display: flex;
    flex-direction: column;
   }
.acoridon-container section .p {
    overflow: hidden;
    max-height: 0;
    text-align: justify;
    font-family: "Courier New", Courier, monospace;
    background: rgb(234, 234, 234);
    transition: all 0.2s ease-in;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 11pt; 
  }
  
  .acoridon-container section a {
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    background-color: rgb(253, 253, 253);
    border-bottom: 1px solid rgb(220, 220, 220);
    color: #606062;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 11pt;
    font-weight: bold;
  }
 .acoridon-container section:target .p {
    max-height: 100%;
    padding: 10px;
  }
  
/*final de acordion--------------------------*/
/*--------------------------------texto incluye------------ precios y adicionales*/
.texto-incluye{
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
}
.texto-incluye h3{
    margin: 1.5rem auto 1.5rem auto;
    font-size: 13pt;
    font-weight: 500;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: auto;
}
.texto-incluye .incluye-span-text{
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius: 1rem;
    background-color: rgb(213, 187, 1);
    color: white; 
}
.texto-incluye .incluye-span-text:hover{
    background-color: rgb(70, 83, 252);
    color: white;
}
.texto-incluye .incluye-span-text .incluye-texto-p{
font-size: 8pt;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
text-align: left;
}
/*estilos de tablas---------27kv-38kv--------*/
.acoridon-container .table {
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 9pt;
text-decoration: none;
}
/*condiciones en tablas------------------------------------*/
.condiciones-style{
    font-size: 9pt;
    font-weight: 500;
    padding-left: 30px;
    margin: 5px;
}
.condiciones-style:hover{
    font-size: 9pt;
    font-weight: 500;
    color:darkblue;
    text-decoration: underline;
}
/*---------metodos de pago--------*/
.text-atext-p{
    width: 80%;
    line-height: 30px;
    text-align: left;
    font-size: 10pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.text-atext-p h2{
    padding: auto;
    margin: auto;
}
.text-atext-p p{
    font-size: 10pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding-left: 25px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: auto;
    text-align: left;
    text-decoration: none;
    
}
.text-atext-p p:hover{
    color: slategrey;
}

/*--------incluye----------collapse--------------*/
.collapsible {
    background-color: rgb(229, 229, 232);
    color: rgb(79, 76, 76);
    cursor: pointer;
    padding: 16px;
    width: 100%;
    border: none;
    border-radius: 10px 10px 0px 0;
    text-align: center;
    outline: none;
    margin-top: 30px;    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: 200;
  }
  
  .active, .collapsible:hover {
    background-color: rgb(206, 206, 209 );
  }
  .collapsible:hover{
    opacity: 0.7;
  }
  
  .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    border-radius: 0px 0px 10px 10px;
  }

  .content ul{
    font-size: 10pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    margin-top:10px;
    margin-bottom: 10px;
  }
  .content ul li{
    color: rgb(79, 76, 76);
    font-size: 9pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0;
    font-weight: 200;
  }
  .content ul h3{
    color: rgb(79, 76, 76);
    font-size: 1pt;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: left;
    line-height: 25px;
  }


  /* -----tablas de contenido----------------*/
  .tabla-datos{
    display: flexbox;
    flex-direction:none;
    align-items:center;
    justify-content: center;
    margin: 0;
}

  .tabla-datos tr{
    font-size: 9pt;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display: flexbox;
    border-top: .08rem solid gray; 
    border-bottom: .08rem solid gray; 
  }
  .tabla-datos tr th{
    padding: 4px;
    text-align: center;
    font-size: 9pt;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  .tabla-datos tr td{
    padding: 4px;
    text-align: left;
    font-size: 9pt;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   
  }
  .tabla-datos tr:hover{
    background-color: #bcdcfe;
    color: blue;
  }