/*
 * Portada. Ver el porque en portada.php.
 */

/*
 * El tema le regala 'padding: 30px 0' (130px en el tema sin parchear) a toda
 * <section>, y Elementor pinta las suyas asi. Con seccion interna se cobra dos
 * veces. Las reglas propias de Elementor llevan tres clases y ganan a estas dos,
 * de modo que esto solo retira el regalo: no pisa nada configurado.
 */
.elementor-1497 .elementor-section {
	padding: 0;
	overflow: visible;
}

/*
 * Las cuatro cajas de #seconline: el .feature-box-7 de Pofo.
 *
 * Recuadro de 1px, el bloque un poco caido, y la descripcion invisible hasta que
 * el raton pasa por encima -- .feature-box-7 .box .content .details{opacity:0} y
 * su :hover en themes/pofo/style.css. El icono en hover lo pinta de turquesa el
 * CSS del cliente (.feature-box.feature-box-7 .box:hover i), que aqui hay que
 * repetir porque el marcado de Elementor no lleva sus clases.
 */
.elementor-1497 .elementor-element-9181f84 .elementor-widget-icon-box {
	border: 1px solid #ededed;
	padding: 10% 0;
	transition: all .4s cubic-bezier(.48, .83, .63, .91);
}

.elementor-1497 .elementor-element-9181f84 .elementor-icon-box-wrapper {
	position: relative;
	top: 30px;
	transition: top .4s cubic-bezier(.48, .83, .63, .91);
}

.elementor-1497 .elementor-element-9181f84 .elementor-icon-box-description {
	opacity: 0;
	transition: opacity .4s cubic-bezier(.48, .83, .63, .91);
}

.elementor-1497 .elementor-element-9181f84 .elementor-widget-icon-box:hover .elementor-icon-box-wrapper {
	top: 0;
}

.elementor-1497 .elementor-element-9181f84 .elementor-widget-icon-box:hover .elementor-icon-box-description {
	opacity: 1;
}

.elementor-1497 .elementor-element-9181f84 .elementor-widget-icon-box:hover .elementor-icon i {
	color: #0b7e97;
}

/* Quien no puede pasar el raton no deberia perderse el texto. */
@media (hover: none) {
	.elementor-1497 .elementor-element-9181f84 .elementor-icon-box-wrapper { top: 0; }
	.elementor-1497 .elementor-element-9181f84 .elementor-icon-box-description { opacity: 1; }
}