@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,800&display=swap');



.txt_tiendaonline
{
	
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 40px;
	letter-spacing: 2px;
	color: #c32725;
}

.txt_textositio
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
}


a.vinculometasecciones:link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size: 16px;
	transition: all 500ms ease;
    color: #000000;
    text-decoration: none;
}
a.vinculometasecciones:visited {
    
    color: #000000;
}
a.vinculometasecciones:hover {
    
    color: #c32725;
}
a.vinculometasecciones:active {
    
    color: #000000;
}


a.vinculocatalogo:link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size: 20px;
	transition: all 500ms ease;
    color: #767676;
    text-decoration: none;
}
a.vinculocatalogo:visited {
    
    color: #767676;
}
a.vinculocatalogo:hover {
    
    color: #c32725;
}
a.vinculocatalogo:active {
    
    color: #767676;
}







/* BOTON FUNDIDO PORTADA CALIDAD */
.botonfundido {
 font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size:19px;
	color: #02306d;
	display: block;
    width: 130px;
    height: 33px;
    padding: 1px 0 0 0;
    margin: 0 auto;
    background: #E6E4E5;
    text-align: center;
   	text-decoration: none;
 	transition: all 500ms ease;
	text-decoration: none;
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-webkit-border-radius: 22px 22px 22px 22px;
border: 0px solid #000000;

}
.botonfundido:hover {
 background: #c32725;
 color: #FFFFFF;
}

.telefono_main
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bolder; 
	line-height: 39px;
	font-size:39px;
	color: #7ad06d;
}
.texto_instagramlogo
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	color: #b4025c;
}
.texto_facebooklogo
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	color: #3c4e83;
}
.titulo_enqueestamipedido
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size:28px;
	color: #b4025c;
	line-height: 35px;
	font-weight: 400;
}
.txt_bajadatiendaonline
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size: 16px;
	letter-spacing: 1px;
}
.titulomedia
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bolder; 
	line-height: 30px;
	font-size:30px;
	color: #464646;
}

.cajaproductos
{
	margin-right: 40px;
	margin-left: 40px;
}
.cajaproductos2
{
	margin-right: 20px;
	margin-left: 20px;
}
.titulo_productos
{
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 36px;
	font-size:34px;
	color: #464646;
}
.precio_productos
{
	font-family: 'Raleway', sans-serif;
	line-height: 36px;
	font-size:34px;
	color: #464646;
	font-weight: bold;
	font-style: italic;
}
.precio_productos_normal
{
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 18px;
	font-size:18px;
	color: #464646;
	font-style: italic;
}
.destacados
{
	font-family: 'Raleway', sans-serif;
	line-height: 36px;
	font-size:34px;
	color: #464646;
	font-weight: bold;
	font-style: italic;
}
.destacados_blanco
{
	font-family: 'Raleway', sans-serif;
	line-height: 42px;
	font-size:50px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}
a.vinculoproductos:link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color: #535353;
    padding: 6px 8px;
    text-decoration: none;
	border: solid 1px #535353;
	
} 
	
a.vinculoproductos:visited { color: #535353; border: solid 1px #535353; }
a.vinculoproductos:hover { color: #ad2357; border: solid 1px #ad2357; }
a.vinculoproductos:active { color: #535353; border: solid 1px #535353; }


.estado_procesopago
{
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 22px;
	font-size:22px;
	color: #464646;
	font-style: italic;
}
.redondeado {
     
	
     	padding: 5px;
		border-radius: 5px;
     	border: 1px solid #464646;
	
	
   }

/* BOTON FUNDIDO PORTADA CALIDAD */
.botonsearch {
 font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size:16px;
	color: #02306d;
	display: block;
    width: 100px;
    height: 30px;
    padding: 1px 0 0 0;
    margin: 0 auto;
    background: #888888;
    text-align: center;
   	text-decoration: none;
 	transition: all 500ms ease;
	text-decoration: none;
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-webkit-border-radius: 22px 22px 22px 22px;
border: 0px solid #000000;

}
.botonsearch:hover {
 background: #c32725;
 color: #FFFFFF;
}
.example-2 {
  display: flex;
  justify-content: center;
  align-items: center;
	 font-family: 'Open Sans Condensed', sans-serif; 
}
.example-2 .icon-content {
  margin: 0 10px;
  position: relative;
}
.example-2 .icon-content .tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.example-2 .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}
.example-2 .icon-content a {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #4d4d4d;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.example-2 .icon-content a:hover {
  box-shadow: 3px 2px 45px 0px rgb(0 0 0 / 12%);
}
.example-2 .icon-content a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.example-2 .icon-content a:hover {
  color: white;
}
.example-2 .icon-content a .filled {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
.example-2 .icon-content a:hover .filled {
  height: 100%;
}

.example-2 .icon-content a[data-social="whatsapp"] .filled,
.example-2 .icon-content a[data-social="whatsapp"] ~ .tooltip {
  background-color: #128c7e;
}

.example-2 .icon-content a[data-social="facebook"] .filled,
.example-2 .icon-content a[data-social="facebook"] ~ .tooltip {
  background-color: #3b5998;
}
.example-2 .icon-content a[data-social="instagram"] .filled,
.example-2 .icon-content a[data-social="instagram"] ~ .tooltip {
  background: linear-gradient(
    45deg,
    #405de6,
    #5b51db,
    #b33ab4,
    #c135b4,
    #e1306c,
    #fd1f1f
  );
}
.example-2 .icon-content a[data-social="youtube"] .filled,
.example-2 .icon-content a[data-social="youtube"] ~ .tooltip {
  background-color: #ff0000;
}


.select-container {
  position: relative;
  display: inline-block;
  width: 200px;
}

.styled-select {
  <<!nav>>appearance: none;<<!/nav>>;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 8px 12px;
  width: 100%;
  font-size: 12px;
  color: #333;
  border-radius: 5px;
  cursor: pointer;
  outline: none; /* Quita el borde azul al hacer clic */
}

.arrow-down {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}

/* Estilos para cuando el select está enfocado */
.styled-select:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}