/* ==========================================================================
   Fluxo Studios — puente entre fluxo.css y el markup de Elementor
   Ubicación: wp-content/themes/hello-fluxo/assets/css/fluxo-elementor.css
   Se carga después de Elementor y de fluxo.css.

   Cada contenedor importado lleva la clase .fx: acá se anulan los valores
   por defecto de Elementor (padding, gap, ancho) para que manden las clases
   del diseño. Las reglas de layout (grid, flex) siguen viviendo en fluxo.css.
   ========================================================================== */

/* Contenedores ----------------------------------------------------------- */
.e-con.fx{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --gap:0px;--row-gap:0px;--column-gap:0px;
  --width:auto;--min-height:0px;
  --container-widget-width:auto;--container-widget-flex-grow:0;
  --flex-wrap:nowrap;--justify-content:normal;--align-items:normal;
}
.fx-bloque{display:block}
.fx-suelto{display:contents}
/* Canvas, ondas y velos del hero: el wrapper del widget no debe "atraparlos" */
.elementor-element.fx-capa{position:static}
/* Igual que .fx-capa pero sin depender de la clase: detecta la capa adentro del widget HTML */
.elementor-widget:has(> .elementor-widget-container > :is(.hero__canvas,.hero__velo,.interior__ondas,.progreso-lectura)){position:static}

/* Widgets dentro de contenedores Fluxo: sin márgenes propios */
.e-con.fx>.elementor-element{margin-block-end:0}

/* Text Editor: el párrafo hereda del wrapper, que es quien lleva la clase */
.fx-texto p{margin-block:0}
.fx-texto p+p{margin-top:1em}

/* Botones: el diseño de .btn aplicado al <a> que genera Elementor --------- */
.fx-btn.elementor-widget-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid transparent;background:transparent;color:inherit;font-family:var(--fuente-texto);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;fill:currentColor;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.fx-btn.elementor-widget-button .elementor-button-content-wrapper{gap:10px}
.fx-btn--flujo.elementor-widget-button .elementor-button{background:var(--flujo);color:var(--abismo)}
.fx-btn--flujo.elementor-widget-button .elementor-button:hover{background:var(--flujo-hover);color:var(--abismo)}
.fx-btn--abismo.elementor-widget-button .elementor-button{background:var(--abismo);color:var(--blanco)}
.fx-btn--abismo.elementor-widget-button .elementor-button:hover{background:var(--profundo);color:var(--blanco)}
.fx-btn--linea-oscuro.elementor-widget-button .elementor-button{border-color:#3A5673;color:var(--blanco)}
.fx-btn--linea-oscuro.elementor-widget-button .elementor-button:hover{border-color:var(--flujo);color:var(--blanco)}
.fx-btn--linea-claro.elementor-widget-button .elementor-button{border-color:var(--abismo);color:var(--abismo)}
.fx-btn--linea-claro.elementor-widget-button .elementor-button:hover{background:var(--abismo);color:var(--blanco)}
.fx-btn--chico.elementor-widget-button .elementor-button{min-height:44px;padding:0 18px;font-size:15px}
.fx-btn--ancho.elementor-widget-button,.fx-btn--ancho.elementor-widget-button .elementor-button{width:100%}
.form__enviar.elementor-widget-button .elementor-button{width:100%;min-height:58px;font-size:17px}

/* Header: en la ficha de producto arranca sólido porque la página abre clara */
.single-product .header{background:var(--abismo)}
.fx-menu-movil{position:static}

/* Contenido de producto, entradas y legales --------------------------------- */
.fx-articulo{min-width:0}
.fx-articulo .prose{max-width:68ch}
.fx-articulo-pie{max-width:68ch}
.fx-contenido-producto{max-width:none}

/* Listados de entradas (widgets Posts / Archive Posts) con el estilo .post */
.fx-posts .elementor-posts-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.fx-posts .elementor-post{display:flex;flex-direction:column;gap:16px}
.fx-posts .elementor-post__thumbnail__link{display:block;margin:0!important}
.fx-posts .elementor-post__thumbnail{position:relative;aspect-ratio:16/11;border-radius:24px;overflow:hidden;background:var(--abismo);padding-bottom:0!important}
.fx-posts .elementor-post__thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important}
.fx-posts .elementor-post__title{margin:0;font-family:var(--fuente-display);font-weight:700;font-size:26px;line-height:1.08;letter-spacing:-.025em;font-variation-settings:'wdth' 84}
.fx-posts .elementor-post__title a{color:var(--abismo);text-decoration:none;transition:color .25s}
.fx-posts .elementor-post__title a:hover{color:var(--profundo)}
.fx-posts .elementor-post__excerpt p{margin:0;color:var(--pizarra);font-size:15px}
.fx-posts .elementor-post__meta-data{font-size:14px;color:var(--pizarra)}
.fx-posts .elementor-post__read-more{display:none}
.fx-posts .elementor-pagination{display:flex;justify-content:center;gap:8px;margin-top:72px}
.fx-posts .elementor-pagination .page-numbers{min-width:48px;height:48px;padding:0 14px;border-radius:999px;border:1px solid #AFC1CB;display:inline-grid;place-items:center;text-decoration:none;font-weight:600;color:var(--abismo)}
.fx-posts .elementor-pagination .page-numbers.current{background:var(--abismo);border-color:var(--abismo);color:var(--blanco)}
@media (max-width:1080px){.fx-posts .elementor-posts-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.fx-posts .elementor-posts-container{grid-template-columns:1fr}}

/* Info de la entrada (fecha, lectura) dentro del hero */
.interior .meta .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:6px 18px}
.interior .meta .elementor-icon-list-text{color:var(--bruma)}
.interior .meta .elementor-icon-list-icon{display:none}

/* Editor de Elementor: todo visible sin esperar animaciones */
.elementor-editor-active .js .linea>span,.elementor-editor-active .linea>span{transform:none;animation:none}
.elementor-editor-active .js .entra-tarde{opacity:1;animation:none}
.elementor-editor-active .header{position:relative}
.elementor-editor-active .menu{display:none}

/* Responsive de reglas que en fluxo.css apuntan a .btn y acá el botón es un widget */
@media (max-width:640px){
  .header__acciones .fx-btn{display:none}
}

/* Landing emprendedores: el botón de cada tarifa queda abajo aunque la lista sea más corta */
.tarifa>.elementor-widget-button{margin-top:auto}

/* --- Generado por elementor/generar.py: no editar a mano --- */
.caso__nombre .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.cta-final__titulo .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.hero__titulo .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.interior__titulo .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.tarifa__nombre .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.titulo-medio .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.titulo-seccion .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.visually-hidden .elementor-heading-title{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-wrap:inherit;margin:0}
.u-0f54fb{margin:0 0 20px;color:var(--pizarra)}
.u-2c8a84{padding-bottom:clamp(48px,6vw,80px)}
.u-40379b{padding-top:120px;padding-bottom:80px}
.u-4260eb{padding-top:0}
.u-49fcd8{margin-top:24px}
.u-56f435{margin-top:12px}
.u-741b48{margin:32px 0 0}
.u-a26bda{margin-top:20px}
.u-a5410f{background:var(--blanco)}
.u-adced3{padding-top:clamp(40px,5vw,72px)}
.u-b3bd1b{max-width:none}
.u-c17af6{margin-bottom:32px}
.u-c9adc4{align-self:flex-start}
.u-d6f2af{margin-top:14px}
.u-d9f149{margin-top:40px}
.u-dfb216{align-items:start}
.u-ef0b7a{margin-bottom:0}