/*
Theme Name: ideaWeb d
Theme URI: http://www.ideaweb.es
Version: child 2.23
Author: ideaWeb diseño de paginas web en Madrid
Author URI: http://www.ideaweb.es
Template: Divi
*/

@import url("../Divi/style.css");

/*show hamburger menu on desktop*/
@media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
}
}
.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}
/*-----------------mod menu----------------*/
.afsmenu a
{
	font-family:'Oxanium',display;
}
.animatedfsmenu-navbar-toggler.right_top
{
	top:20px;
	right:20px;
}
#animatedfsmenu_css .animatedfsmenu-navbar-toggler .bar
{
  width: 30px;
  height: 2px;
  margin: 7px auto;
}
.animatedfsmenu-navbar-toggler:not(.custom-burger), .animatedfsmenu-navbar-toggler
{
	height:50px;
	width:50px;
	border-radius:5px;
}
.animatedfsmenu-navbar-toggler .bar.top-animate
{
	top:9px;
}
.animatedfsmenu-navbar-toggler .bar.bottom-animate
{
	top:0px;
}
/*----------------quitar underline enlaces----------*/
a
{
	text-decoration:initial!important;
}
/*---------------vertical align------------*/
.idw-vertical-align
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/*----------------css logo------------------*/
.logo-levita
{
    animation: flotar 3s ease-in-out infinite;
}
@keyframes flotar
{
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}
/*----------------widget acceso----------------*/
#widget_acceso .et_pb_widget
{
	width:100%!important;
}
#widget_acceso #input_1, #widget_acceso #input_2
{
	width:100%;
	padding:8px;
	text-align:center;
	border:2px solid #ddd;
	transition:all 0.3s;
	border-radius:5px;
}
#widget_acceso #input_1:focus, #widget_acceso #input_2:focus
{
	border:2px solid #e87e04;
}
#widget_acceso .gform_button
{
	background-color:#e87e04;
	color:#fff;
	padding:10px;
	border:none;
	border-radius:5px;
	width:100%;
	cursor:pointer;
	transition:all 0.3s;
}
#widget_acceso .gform_button:hover
{
	background-color:#0084be;
}
#widget_acceso a
{
	color:#0084be;
}
/*-----------------formulario de contacto-----------------*/
.gform_body input, .gform_body textarea
{
	border:2px solid #ddd;
	border-radius:5px;
	padding:8px!important;
	margin-top:0px!important;
	margin-bottom:0px!important;
	transition: all 0.3s;
}
.gform_body input:focus, .gform_body textarea:focus
{
	border:2px solid #e87e04;
}
.gform_button
{
	background-color:#e87e04;
	color:#fff;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
	transition:all 0.3s;
	border:2px solid #e87e04!important;
}
.gform_button:hover
{
	background-color:#0084be;
	border:2px solid #0084be!important;
}
.gform_body .gform_previous_button, .gform_body .gform_next_button
{
	color:#666!important;
	background-color:#fff!important;
	padding:10px;
	border:2px solid #0084be;
	cursor:pointer;
	transition:all 0.3s;
}
.gform_body .gform_previous_button:hover, .gform_body .gform_next_button:hover
{
	background-color:#0084be!important;
	color:#fff!important;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue
{
	background-color: #e87e04;
}
/*--------------------hover info categorías----------------------*/
/* Oculta el texto inferior por defecto */
.hover-card .hover-body{
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: opacity .25s ease, max-height .25s ease, visibility .25s ease;
}

/* Cuando haces hover en el título, aparece el texto inferior */
.hover-card:hover .hover-body{
  opacity: 1;
  visibility: visible;
  max-height: 500px; /* ajusta si el texto es largo */
}