/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html, body{
	overflow-x: hidden;
}


.grid-posts .post-title {
  display: -webkit-box;       
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;          }

.grid-posts .post-description{
  --lines: 3;
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  line-clamp: var(--lines);
}


@supports not (-webkit-line-clamp: 1) {
  .grid-posts .post-description{
    display: block;
    line-height: 1.45;
    max-height: calc(1.45em * var(--lines));
  }
}

.margin-top-auto{
	margin-top: auto !important;
}


/* Icono de WhatsApp relleno en compartir de los blogs */
.elementor-widget-share-buttons .elementor-share-btn_whatsapp .elementor-share-btn__icon svg {
    display: none !important;
}

.elementor-widget-share-buttons .elementor-share-btn_whatsapp .elementor-share-btn__icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.elementor-widget-share-buttons .elementor-share-btn_whatsapp .elementor-share-btn__icon::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-color: currentColor;
    -webkit-mask-image: url('/wp-content/uploads/2026/04/whatsapp-2.svg');
    mask-image: url('/wp-content/uploads/2026/04/whatsapp-2.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}


/* Inicio */
#carrusel-home img{
	height: 275px;
	width: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
  #carrusel-home,
  #carrusel-home .elementor-widget-container,
  #carrusel-home .elementor-image-carousel-wrapper {
    overflow: visible !important;
  }
}

#carrusel-home > div > div.elementor-swiper-button{
	position: absolute;
	top: auto !important;
	bottom: -30px;
}

#carrusel-home > div > div.elementor-swiper-button > svg{
	transition: all .3s ease;
	&:hover{
		fill: var(--e-global-color-primary);
	}
}

#carrusel-home > div > div.elementor-swiper-button-prev{
	left: calc(50% - 25px);
	transform: translatex(-50%);
}

#carrusel-home > div > div.elementor-swiper-button-next{
	right: calc(50% - 25px);
	transform: translatex(50%);
}


/* ---------- Formularios ---------- */

/* Textarea: sin resize */
.effect-label-form form textarea.effect-label-control {
  resize: none;
  padding-top: 25px;
}

.effect-label-form form {
  position: relative;
}

.effect-label-form form .effect-label-field {
  position: relative;
  margin-bottom: 1.25rem;
}

.effect-label-form form .effect-label-control {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 5px;
  padding-top: 15px;
}

/* Label flotando en el input */
.effect-label-form form .effect-label-label {
  position: absolute;
  left: 20px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9rem;
  line-height: 1.2;
  color: #777;
  pointer-events: none;
  transition: all 0.18s ease-out;
  margin: 0 !important;
  background: transparent;
  z-index: 1;
}

.effect-label-form form .effect-label-field.elementor-field-type-textarea .effect-label-label {
  top: 5% !important;
  transform: translateY(0) !important;
}

/* Estados de focus o con contenido */
.effect-label-form form .effect-label-field.is-focused .effect-label-label,
.effect-label-form form .effect-label-field.is-filled .effect-label-label,
.effect-label-form form .effect-label-field.filled .effect-label-label {
  top: 4px;
  transform: translateY(0);
  font-size: 0.6rem;
  z-index: 999;
}

/* Formulario suscripción */
.suscription-form .elementor-field-type-submit{
	margin-top: 20px;
}