/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
 
 /**
	 * boton 3d
	 */
     
 


 
.boton{
  background: #00b7f8;
  border-bottom: 5px solid #0045a6;
  border-radius: 12px;
  box-shadow: 6px 6px 6px #999;
  color: #000000;
  text-decoration:none; 
  cursor: pointer;
  display: block;  
  font-family:  'Arial Black',arial;
  fbq('track', 'Contact');
  font-size: 17px;
  height: auto;
  margin: 15px auto;
  padding: 20px 20px;
  text-align: center;
  transition: all 0.2s ease 0s;
  width: 335px;


}
.boton:hover{
	background: #0096f7;
	 color: #A03018 ;
}
.boton:active {
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom:1px solid #0045A6;
	text-shadow:  0px 0px 5px #fff, 0px 0px 5px #fff;
	transform: translateY(4px);
  transition: all 0.1s ease 0s;
  margin: 15px auto;
}
 


.fa-whatsapp  {
	color: green;	
	animation: latidos 1.3s infinite;
	font-weight: normal;
	margin-right: 0.5em;
} 

.fa-phone {
	color: #A03018 ;
	margin-right: 0.2em;
	
      
}

@keyframes latidos {
	 from { transform:  none; }
	50% { transform: scale(1.4); }
   to { transform: none; } 
 
}


#menu-primario-menu  li.Menuboton a {
text-decoration:none;
color:#f51414;
} 

#menu-primario-menu  li.Menuboton a:hover  {
text-decoration:none;
color:#ffffff;
}




.Menuboton{
  background: #d0e7ff;
  border-bottom: 5px solid #4F300B;
  border-radius: 12px;
  box-shadow: 0px 6px 6px  #999;
 text-shadow:  0px 1px  0px  #000000;
 text-decoration:none;
 color: #fc0303;
 */
  font-weight: bold;
  cursor: pointer;
  display: block;  
  font-family: 'Arial Black';
  font-size: 16px;
  margin: 8px 3px 10px 3px ;
 /* height: 25px;
  margin: 15px auto;
  padding: 10px 10px; */
  
  text-align: center;
  transition: all 0.2s ease 0s;
  width: auto;
}
.Menuboton:hover {
	background: #0096f7;
    color: #fc0303 !important;
}

.Menuboton:active  {
    background: #0096f7;
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom:1px solid #0045A6;
     
  text-shadow:  0px 0px 5px #fff, 0px 0px 5px #fff;
	transform: translateY(4px);
  transition: all 0.1s ease 0s;
  color:#000000;
 
}

 


.Menuboton2{
  background: #e59c23;
  border-bottom: 5px solid #4F300B;
  border-radius: 12px;
  box-shadow: 0px 6px 6px  #999;
  color: #000000;
  font-weight: bold;
  cursor: pointer;
  display: block;  
  font-family: 'Arial Black';
   font-size: 16px;
   height: 70px;
  margin:  15px auto;
  padding: 5px auto;
  text-align: center;
  transition: all 0.2s ease 0s;
  width: 300px;
  text-decoration:none;
}
.Menuboton2:hover{
	background: #00b7f8;
    color: #A03018 
}
.Menuboton2:active {
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom:1px solid #0045A6;
  text-shadow:  0px 0px 5px #fff, 0px 0px 5px #fff;
	transform: translateY(4px);
  transition: all 0.1s ease 0s;
 /* margin: 80px auto 76px auto;*/

}








/* tabla responsive */
@media only screen and (max-width: 768px) {
.wp-block-table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
} 





#redes_socila{
width:1024px;
height:auto;
position:relative;
margin:  auto;
}
.iconos_sociales{
width:40px;
height:auto;
margin: 2px;
position:relative;
display:inline-block;
vertical-align:top;
overflow:hidden;
}

  
.price span {
  display: inline-block; /* Permite que el padding y las transformaciones funcionen mejor */
  font-size: 28px !important; /* Un poco más grande para impacto */
  font-weight: 800;
  padding: 8px 16px;
  color: #ffffff !important; /* Texto blanco para contrastar con el fondo */
  background: linear-gradient(135deg, #fc0303 0%, #b70202 100%);
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(252, 3, 3, 0.4); /* Sombra suave del mismo color */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.price span:hover {
  transform: scale(1.05); /* Efecto de crecimiento al pasar el mouse */
}



.flex-container {
  display: flex;
  background-color: grey;
}
.flex-item {
  background-color: white;
  width: 200px;
  margin: 10px;
  text-align: center;
  line-height: 100px;
  font-size: 50px;
}

.product .woocommerce-tabs ul.tabs {
	width: 100%;
	float: none;
	margin-right: 5.8823529412%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0 0 1.618em;
	overflow: hidden;
	position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	position: absolute;
	content: ' ';
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #d3ced2;
	z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #d3ced2;
	background-color: #ebe9eb;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 4px 4px 0 0;
	margin: 0 -5px;
	padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
	z-index: 2;
	border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid #d3ced2;
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	left: -6px;
	border-bottom-right-radius: 4px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	right: -6px;
	border-bottom-left-radius: 4px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #ebe9eb;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	font-weight: 700;
	color: #515151;
	text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}
.woocommerce-tabs .panel {
    width: 100%;

}