/*
 * p50 · N4: variantes del cuerpo de la portada (plantillas/cuerpo.mjs). Cada sección lleva hwc-r-<rol> y hwc-v-<variante>.
 * Sin estas reglas la portada se ve como antes (solo cambia el orden). Las formas de dos columnas solo en ordenador;
 * en el móvil todo se apila.
 */

/* Aire */
@media (min-width:1025px){
	.hwc-aire-a.e-con:not(.hwc-r-banda){--padding-top:152px!important;--padding-bottom:152px!important}
	.hwc-aire-d.e-con:not(.hwc-r-banda){--padding-top:88px!important;--padding-bottom:88px!important}
}

/* Banda oscura del ritmo: la tinta de la plantilla (o casi negro) con los colores de texto en claro */
.hwc-osc.e-con{
	background-color:var(--hwc-f,#141414)!important;
	--e-global-color-secondary:#fff;--e-global-color-text:rgba(255,255,255,.88);--e-global-color-hwmut:rgba(255,255,255,.76);
	--e-global-color-hwline:rgba(255,255,255,.2);--e-global-color-hwsurface:rgba(255,255,255,.06);--e-global-color-hwsoft:rgba(255,255,255,.08);
	--e-global-color-hwbg:transparent;--e-global-color-accent:var(--hwc-acc,#fff);--e-global-color-hwacct:var(--hwc-acc,#fff);
	--ink:#fff;--mut:rgba(255,255,255,.76);--line:rgba(255,255,255,.2);--surface:rgba(255,255,255,.06);--soft:rgba(255,255,255,.08);
	color:rgba(255,255,255,.88)
}
.hwc-osc .elementor-icon{color:var(--hwc-acc,#fff)!important;fill:var(--hwc-acc,#fff)!important}
.hwc-osc .e-n-accordion-item-title-text,.hwc-osc .e-n-accordion-item-title-icon{color:#fff!important;fill:#fff!important}
.hwc-osc .e-n-accordion-item{border-color:rgba(255,255,255,.2)!important}
.hwc-osc .hww-blog-t,.hwc-osc .hww-blog-it{color:#fff}
.hwc-osc .hww-blog-f{color:rgba(255,255,255,.72)}
.hwc-osc .hwx-faq-tarj.e-con{background-color:rgba(255,255,255,.07)!important}

/* Frase intermedia centrada y en cita grande */
@media (min-width:768px){
	.hwc-v-centro.hwc-r-intro>.e-con-inner,.hwc-v-gigante.hwc-r-intro>.e-con-inner{--flex-direction:column!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:22px!important}
	.hwc-v-centro.hwc-r-intro>.e-con-inner>.e-con,.hwc-v-gigante.hwc-r-intro>.e-con-inner>.e-con{--width:100%!important;width:100%!important;max-width:880px;align-items:center!important;--padding-left:0!important;--padding-right:0!important}
}
.hwc-v-centro.hwc-r-intro .elementor-widget,.hwc-v-gigante.hwc-r-intro .elementor-widget{text-align:center}
.hwc-v-centro.hwc-r-intro .elementor-widget-text-editor,.hwc-v-gigante.hwc-r-intro .elementor-widget-text-editor{margin-left:auto;margin-right:auto}
.hwc-v-gigante.hwc-r-intro h2.elementor-heading-title{font-size:clamp(2.1rem,4.6vw,4.4rem)!important;line-height:1.04!important;max-width:20ch;margin:0 auto}
.hwc-v-gigante.hwc-r-intro>.e-con-inner::before,.hwc-v-gigante.hwc-r-intro:not(.e-con-boxed)::before{content:"";display:block;width:56px;height:2px;margin:0 auto 6px;background:var(--e-global-color-hwacct,currentColor)}
@media (max-width:767px){.hwc-v-centro.hwc-r-intro,.hwc-v-gigante.hwc-r-intro{text-align:center}.hwc-v-centro.hwc-r-intro .e-con,.hwc-v-gigante.hwc-r-intro .e-con{align-items:center!important}}

/* Rasgos en lista: cabecera a la izquierda y los rasgos en filas con filete */
@media (min-width:1025px){
	.hwc-v-lista.hwc-r-rasgos>.e-con-inner{display:grid!important;grid-template-columns:5fr 7fr;column-gap:72px;align-items:start}
	.hwc-v-lista.hwc-r-rasgos>.e-con-inner>.e-con:first-child{position:sticky;top:120px}
	.hwc-v-lista.hwc-r-rasgos>.e-con-inner>.e-con:first-child>.e-con{--width:100%!important}
}
.hwc-v-lista.hwc-r-rasgos>.e-con-inner>.e-con:last-child{--flex-direction:column!important;flex-direction:column!important;gap:0!important}
.hwc-v-lista.hwc-r-rasgos>.e-con-inner>.e-con:last-child>.e-con{--width:100%!important;width:100%!important;--padding-left:0!important;--padding-right:0!important;--padding-top:24px!important;--padding-bottom:24px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--e-global-color-hwline,var(--line))!important}
.hwc-v-lista.hwc-r-rasgos>.e-con-inner>.e-con:last-child>.e-con:last-child{border-bottom:1px solid var(--e-global-color-hwline,var(--line))!important}
.hwc-v-lista.hwc-r-rasgos .elementor-icon-box-wrapper{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:22px;text-align:left!important}
.hwc-v-lista.hwc-r-rasgos .elementor-icon-box-icon{margin:4px 0 0!important;flex:none}
.hwc-v-lista.hwc-r-rasgos .elementor-icon{font-size:26px!important}
.hwc-v-lista.hwc-r-rasgos .elementor-icon-box-content{flex:1}

/* Galería a sangre: de borde a borde, sin esquinas y con junta fina */
.hwc-v-sangre.hwc-r-galeria.e-con{--padding-left:0!important;--padding-right:0!important}
.hwc-v-sangre.hwc-r-galeria>.e-con-inner{max-width:none!important;--content-width:100%!important;padding-left:0!important;padding-right:0!important}
.hwc-v-sangre.hwc-r-galeria>.e-con-inner>.e-con:first-child{padding:0 max(40px,calc((100vw - 1320px)/2))!important}
.hwc-v-sangre.hwc-r-galeria img,.hwc-v-sangre.hwc-r-galeria .hwx-tesela,.hwc-v-sangre.hwc-r-galeria .swiper-slide{border-radius:0!important}
.hwc-v-sangre.hwc-r-galeria .hwx-mosaico{gap:4px!important;--gap:4px!important}
.hwc-v-sangre.hwc-r-galeria .e-grid>.e-con-inner,.hwc-v-sangre.hwc-r-galeria .e-grid{--gap:4px 4px!important;gap:4px!important}
@media (max-width:767px){.hwc-v-sangre.hwc-r-galeria>.e-con-inner>.e-con:first-child{padding:0 20px!important}}

/* Banda en recuadro: metida en la página con esquinas, menos alta */
.hwc-v-recuadro.hwc-r-banda.e-con{margin:0 auto!important;width:calc(100% - 80px)!important;max-width:1440px;border-radius:max(var(--r,0px),14px);overflow:hidden;--min-height:480px!important}
@media (max-width:767px){.hwc-v-recuadro.hwc-r-banda.e-con{width:calc(100% - 32px)!important;--min-height:380px!important}}

/* FAQ centrada (una columna estrecha) y en dos columnas */
@media (min-width:768px){
	.hwc-r-faq.hwc-v-centro>.e-con-inner,.hwc-r-faq.hwc-v-columnas>.e-con-inner{--flex-direction:column!important;flex-direction:column!important;gap:40px!important}
	.hwc-r-faq.hwc-v-centro>.e-con-inner{align-items:center!important}
	.hwc-r-faq.hwc-v-centro>.e-con-inner>.e-con{--width:100%!important;width:100%!important;max-width:860px}
	.hwc-r-faq.hwc-v-centro>.e-con-inner>.e-con:first-child{align-items:center!important;text-align:center}
	.hwc-r-faq.hwc-v-centro>.e-con-inner>.e-con:first-child .elementor-widget{text-align:center}
	.hwc-r-faq.hwc-v-columnas>.e-con-inner>.e-con{--width:100%!important;width:100%!important}
}
@media (min-width:1025px){
	.hwc-r-faq.hwc-v-columnas .e-n-accordion{display:grid!important;grid-template-columns:1fr 1fr;column-gap:56px;align-items:start}
}

/* Blog en lista (miniatura y titular en fila) y con la primera entrada destacada */
.hwc-r-blog.hwc-v-lista .hww-blog{grid-template-columns:1fr!important;gap:0!important;max-width:980px}
.hwc-r-blog.hwc-v-lista .hww-blog-it{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;column-gap:32px;row-gap:6px;padding:24px 0;border-top:1px solid var(--line);align-items:start}
.hwc-r-blog.hwc-v-lista .hww-blog-it:last-child{border-bottom:1px solid var(--line)}
.hwc-r-blog.hwc-v-lista .hww-blog-img{grid-row:1/3;aspect-ratio:3/2}
.hwc-r-blog.hwc-v-lista .hww-blog-t{font-size:clamp(1.2rem,1.9vw,1.6rem)}
@media (max-width:767px){.hwc-r-blog.hwc-v-lista .hww-blog-it{grid-template-columns:104px 1fr;column-gap:16px;padding:16px 0}.hwc-r-blog.hwc-v-lista .hww-blog-t{font-size:1.08rem}}
@media (min-width:1025px){
	.hwc-r-blog.hwc-v-destacada .hww-blog{grid-template-columns:1.35fr 1fr!important;grid-auto-rows:auto}
	.hwc-r-blog.hwc-v-destacada .hww-blog.hww-blog-n1{grid-template-columns:minmax(0,560px)!important}
	.hwc-r-blog.hwc-v-destacada .hww-blog-it:first-child{grid-row:span 2}
	.hwc-r-blog.hwc-v-destacada .hww-blog-it:first-child .hww-blog-img{aspect-ratio:4/3.4}
	.hwc-r-blog.hwc-v-destacada .hww-blog-it:first-child .hww-blog-t{font-size:clamp(1.6rem,2.4vw,2.2rem)}
	.hwc-r-blog.hwc-v-destacada .hww-blog-it:not(:first-child) .hww-blog-img{aspect-ratio:16/9}
}

/* Precios con la cabecera centrada */
.hwc-r-precios.hwc-v-centro>.e-con-inner>.e-con:first-child{--flex-direction:column!important;flex-direction:column!important;align-items:center!important;text-align:center}
.hwc-r-precios.hwc-v-centro>.e-con-inner>.e-con:first-child .e-con{--width:100%!important;align-items:center!important}
.hwc-r-precios.hwc-v-centro>.e-con-inner>.e-con:first-child .elementor-widget{text-align:center}
.hwc-r-precios.hwc-v-centro>.e-con-inner>.elementor-widget-button{align-self:center}

/* Rasgos en lista cuando la sección los pone en rejilla (e-grid) */
.hwc-v-lista.hwc-r-rasgos .e-grid,.hwc-v-lista.hwc-r-rasgos .e-grid>.e-con-inner{--e-con-grid-template-columns:1fr!important;grid-template-columns:1fr!important;gap:0!important}
.hwc-v-lista.hwc-r-rasgos .e-grid>.e-con,.hwc-v-lista.hwc-r-rasgos .e-grid>.e-con-inner>.e-con{--padding-left:0!important;--padding-right:0!important;padding-top:22px!important;padding-bottom:22px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--e-global-color-hwline,var(--line))!important}