/* ===============================
   Evergreen GA4 (page-id-346)
=============================== */

/* Subrayado tipo "marker" */
.page-id-346 .dp-underline{
  position: relative;
  display: inline-block;
  padding-bottom: .18em;
}

.page-id-346 .dp-underline::after{
  content:"";
  position:absolute;
  left:-0.12em;
  right:-0.12em;
  bottom: 0.02em;
  height: .32em;
  pointer-events:none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 28' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C 35 14, 70 22, 110 18 S 185 14, 220 18' fill='none' stroke='rgba(255,214,102,0.85)' stroke-width='5.5' stroke-linecap='round'/%3E%3Cpath d='M0 20 C 40 16, 78 24, 114 20 S 182 16, 220 20' fill='none' stroke='rgba(255,214,102,0.45)' stroke-width='7.5' stroke-linecap='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  filter: blur(.18px);
  transform: rotate(-0.16deg);
}

.page-id-346 ul,
.page-id-346 ol{
  margin-left: 0;
  padding-left: 1.7em; 
}

.page-id-346 li{
  margin-left: 0;
}

/* ===============================
   Evergreen GA4 – fondo
   =============================== */

body.page-id-346,
body.page-id-346 .site,
body.page-id-346 #page,
body.page-id-346 .site-content,
body.page-id-346 main#content{
  background: transparent !important;
}


.page-id-346 .elementor-section{
  background: #f6f8fc;
}

/* Color base del contenido */
.page-id-346{
  color: #0f172a;
}

/* H2 y H3 → azul marca */
.page-id-346 h2,
.page-id-346 h3{
  color: #2563eb;
}

/* Texto largo */
.page-id-346 p,
.page-id-346 li{
  color: #334155;
}

/* Énfasis dentro del texto */
.page-id-346 strong{
  color: #0f172a;
}

/* Links */
.page-id-346 a{
  color: #2563eb;
  font-weight: 500;
	font-size:16px !important;
}

.page-id-346 a:hover{
  color: #1d4ed8;
  text-decoration: underline;
}

.page-id-346 h2{
  font-size: clamp(1.9rem, 2.2vw, 2.2rem);
  line-height: 1.25;
  margin-top: 0.2rem;
  margin-bottom: 1.2rem;
  font-weight: 700;
}

.page-id-346 h3{
  font-size: clamp(1rem, 1.6vw, 1.6rem);
  line-height: 1;
  margin-top: 0.2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

/* Separador visual entre secciones */
.page-id-346 .elementor-section:not(:first-of-type){
  position: relative;
}

.page-id-346 .elementor-section:not(:first-of-type)::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(37,99,235,.25),
    transparent
  );
}

.page-id-346 .elementor-widget-text-editor,
.page-id-346 .elementor-widget-heading,
.page-id-346 .elementor-widget-icon-list,
.page-id-346 .elementor-widget-toggle{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* ===============================
   Evergreen GA4 – estructura editorial
   =============================== */

/* Secciones de contenido */
.page-id-346 .elementor-section:not(:first-of-type){
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Aire lateral en desktop */
@media (min-width: 1024px){
  .page-id-346 .elementor-section:not(:first-of-type){
    padding-left: 4vw;
    padding-right: 4vw;
  }
}


/* Ritmo visual suave */
.page-id-346 .elementor-section:nth-of-type(even):not(:first-of-type){
  background: #f8fafc;
}


/* ===============================
   Evergreen GA4 (page-id-346)
   Carril único para contenedores (Flexbox)
   =============================== */

/* Aplica a TODOS los contenedores "boxed" de la página */
.page-id-346 .e-con.e-con-boxed > .e-con-inner{
  max-width: 920px;        /* prueba: 880–980 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* Evita que algún contenedor meta alineaciones raras */
.page-id-346 .e-con.e-con-boxed{
  justify-content: center;
}

/* Para contenedores full-width: crear carril interno igual */
.page-id-346 .e-con:not(.e-con-boxed) > .e-con-inner{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}



/* ===============================
   Evergreen GA4 (page-id-346)
   Unificar layout en Contenedores (Flexbox)
   =============================== */

/* 1) El carril: TODOS los contenedores boxed con el mismo ancho */
.page-id-346 .e-con.e-con-boxed > .e-con-inner{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* 2) Evitar que algún contenedor centre/encoja hijos:
      forzamos columna + stretch */
.page-id-346 .e-con > .e-con-inner{
  display: flex;
  align-items: stretch;      
}

/* 3) Todos los widgets dentro del carril ocupan el 100% del carril */
.page-id-346 .e-con > .e-con-inner > .elementor-element{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 4) En concreto el Text Editor: que no tenga anchos raros */
.page-id-346 .elementor-widget-text-editor{
  width: 100% !important;
  max-width: none !important;
}

/* 5) (Opcional pero suele arreglar “secciones bailando”)
      unifica alineación del texto del bloque */
.page-id-346 .elementor-widget-text-editor{
  text-align: left;
}

/* ===============================
   FAQ – estilo editorial DashPlugins
   page-id-346
   =============================== */

.page-id-346 .e-n-accordion{
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Cada item como “fila” */
.page-id-346 .e-n-accordion-item{
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 12px;
  background: #fff;
  margin: 12px 0;
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease;
}

/* Hover suave */
.page-id-346 .e-n-accordion-item:hover{
  border-color: rgba(37, 99, 235, .22);
  box-shadow: 0 6px 20px rgba(2, 6, 23, .06);
}

/* Título (summary) */
.page-id-346 summary.e-n-accordion-item-title{
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #fff;
}

/* Quitar marcador nativo */
.page-id-346 summary.e-n-accordion-item-title::-webkit-details-marker{
  display:none;
}

/* Texto del título: izquierda + editorial */
.page-id-346 .e-n-accordion-item-title-text{
  font-size: 1.05rem;
  line-height: 1.35;
  font-weight: 700;
  color: #0f172a;
}

/* Icono: pequeño, discreto */
.page-id-346 .e-n-accordion-item-title-icon{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, .08);
  color: #2563eb;
  flex: 0 0 auto;
}
.page-id-346 .e-n-accordion-item-title-icon svg{
  width: 14px;
  height: 14px;
}

/* Estado abierto: acento de marca, sin “caja azul” */
.page-id-346 details[open].e-n-accordion-item{
  border-color: rgba(37, 99, 235, .35);
  box-shadow: 0 10px 26px rgba(2, 6, 23, .08);
}
.page-id-346 details[open].e-n-accordion-item > summary{
  position: relative;
}
.page-id-346 details[open].e-n-accordion-item > summary::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 4px;
  background: #2563eb;
}

/* Contenido */
.page-id-346 .e-n-accordion-item > [role="region"]{
  background: rgba(248, 250, 252, .9);
  border-top: 1px solid rgba(15, 23, 42, .08);
  padding: 14px 0 16px;
}

/* Carril consistente (con o sin e-con-inner) */
.page-id-346 .e-n-accordion-item > [role="region"] .e-con-inner,
.page-id-346 .e-n-accordion-item > [role="region"] > .elementor-widget{
  max-width: 920px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Tipografía dentro */
.page-id-346 .e-n-accordion-item > [role="region"] p{
  margin: 0 0 10px;
  color: #334155;
}
.page-id-346 .e-n-accordion-item > [role="region"] p:last-child{
  margin-bottom: 0;
}

.page-id-346 details[open] .e-n-accordion-item-title-icon{
  background: rgba(37, 99, 235, .14);
  transform: rotate(90deg);
  transition: transform .2s ease, background-color .2s ease;
}
.page-id-346 .e-n-accordion-item-title-icon{
  transition: transform .2s ease, background-color .2s ease;
}

/* ===============================
   FAQ – “más DashPlugins”: acento + subrayado tipo rotulador
   page-id-346
   =============================== */

/* Menos “cajón”, más aire */
.page-id-346 .e-n-accordion-item{
  border-radius: 14px;
  border-color: rgba(15, 23, 42, .10);
  box-shadow: none;
}

/* Título: más compacto y con mejor jerarquía */
.page-id-346 summary.e-n-accordion-item-title{
  padding: 15px 18px;
}

/* Texto del título: un pelín más grande + tracking suave */
.page-id-346 .e-n-accordion-item-title-text{
  font-size: 1.08rem;
  letter-spacing: .1px;
}

/* Icono: que no parezca “pastilla” */
.page-id-346 .e-n-accordion-item-title-icon{
  background: transparent !important;
  border: 1px solid rgba(37, 99, 235, .18);
  color: #2563eb;
}

/* Hover: sube un pelín */
.page-id-346 .e-n-accordion-item:hover{
  transform: translateY(-1px);
}

/* Barra izquierda: más fina y elegante */
.page-id-346 details[open].e-n-accordion-item > summary::before{
  width: 3px;
  background: linear-gradient(180deg, #2563eb, rgba(37,99,235,.35));
}

/* Fondo abierto: casi imperceptible */
.page-id-346 .e-n-accordion-item > [role="region"]{
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(248,250,252,.95));
}

/* ====== Subrayado irregular SOLO cuando está abierto ====== */
.page-id-346 details[open] .e-n-accordion-item-title-text{
  position: relative;
  display: inline-block;
  z-index: 1;
}

.page-id-346 details[open] .e-n-accordion-item-title-text::after{
  content: "";
  position: absolute;
  left: -0.12em;
  right: -0.12em;
  bottom: -0.22em;
  height: 0.48em;
  z-index: -1;

  /* “rotulador” con textura: SVG como background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 28'%3E%3Cpath d='M2 18 C 35 14, 70 22, 110 18 S 185 14, 218 18' fill='none' stroke='rgba(255,214,102,0.85)' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M2 20 C 40 16, 78 24, 114 20 S 182 16, 218 20' fill='none' stroke='rgba(255,214,102,0.45)' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;

  filter: blur(.15px);
  transform: rotate(-.25deg);
}

/* Respuesta: un poco más “cuerpo” */
.page-id-346 .e-n-accordion-item > [role="region"] p{
  font-size: 1rem;
  line-height: 1.55;
}


/* =========================
   FAQ estilo editorial limpio
   ========================= */

/* ================================
   FAQ Accordion RESET (page-id-346)
   Objetivo:
   - sin cajas, solo línea inferior
   - sin gaps
   - icono SIEMPRE visible
   - sin saltos al abrir/cerrar
   - barra azul a la DERECHA al abrir
================================ */

.page-id-346 .elementor-widget-n-accordion .e-n-accordion{
  --faq-line: rgba(15, 23, 42, 0.14);
  --faq-text: #0f172a;
  --faq-blue: #2563eb; /* azul DashPlugins */
}

/* Quita márgenes raros entre items */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item{
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Cada "fila": SOLO separador inferior */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title{
  position: relative;
  display: flex;
  align-items: center;            /* centrado vertical */
  justify-content: space-between;
  width: 100%;
  margin: 0 !important;

  padding: 22px 56px 22px 0 !important;  /* aire + reserva para icono */
  min-height: 76px;               /* evita bailes */
  color: var(--faq-text);

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--faq-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  transform: none !important;     /* IMPORTANTE: sin saltos */
}

/* Desactiva “hover effects” que mueven la caja */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title:hover{
  transform: none !important;
}

/* El texto del título (alineado a la derecha, como lo tienes) */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-text{
  font-weight: 700;
  font-size: clamp(18px, 1.6vw, 26px);
  line-height: 1.2;
  color: var(--faq-text);
}

/* Icono SIEMPRE visible y con caja fija (adiós saltos) */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) !important;

  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;

  opacity: 1 !important;          /* lo fuerza visible */
  visibility: visible !important;
  margin: 0 !important;
}

/* Fija tamaño de los SVG para que + y - ocupen lo mismo */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon svg{
  width: 18px !important;
  height: 18px !important;
  display: block;
  fill: var(--faq-text);
}

/* Elementor mete .e-opened y .e-closed: hacemos crossfade sin reflow */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon .e-opened,
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon .e-closed{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  transition: opacity .15s ease;
}

/* Por defecto muestra + (closed), oculta - (opened) */
.page-id-346 .elementor-widget-n-accordion details .e-opened{ opacity: 0; }
.page-id-346 .elementor-widget-n-accordion details .e-closed{ opacity: 1; }

/* Cuando está abierto: muestra - y oculta + */
.page-id-346 .elementor-widget-n-accordion details[open] .e-opened{ opacity: 1; }
.page-id-346 .elementor-widget-n-accordion details[open] .e-closed{ opacity: 0; }

/* Barra azul a la derecha, SOLO cuando está abierto */
.page-id-346 .elementor-widget-n-accordion details[open] > summary.e-n-accordion-item-title::after{
  content: "";
  position: absolute;
  right: -12px;                   /* pegada al lado del título */
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 38px;
  border-radius: 999px;
  background: var(--faq-blue);
}

/* Quita cualquier indicador/linea azul a la izquierda que te estuviese saliendo */
.page-id-346 .elementor-widget-n-accordion details > summary.e-n-accordion-item-title::before{
  content: none !important;
}

/* Contenido interior: más aire y sin pegar arriba */
.page-id-346 .elementor-widget-n-accordion details > [role="region"]{
  margin: 0 !important;
  padding: 18px 0 26px !important;
  border: 0 !important;
}

/* Ajusta texto del contenido */
.page-id-346 .elementor-widget-n-accordion details > [role="region"] p,
.page-id-346 .elementor-widget-n-accordion details > [role="region"] li{
  color: rgba(15, 23, 42, 0.82);
  font-size: 18px;
  line-height: 1.65;
}


.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
  opacity: 1 !important;
  pointer-events: none; /* opcional: evita hover raro sobre el icono */
}

/* FAQ: icono + / - visible también en estado cerrado */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon svg{
  fill: #0f172a !important;   /* negro/azul oscuro */
}

.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon svg path{
  fill: #0f172a !important;
}

/* ===== FAQ (page-id-346): linea azul izq + icono sin reborde ===== */

/* 1) Quitar el “botón / caja” del icono (+ / -) */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Por si Elementor mete un contenedor extra alrededor del icono */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon *{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) Línea azul a la izquierda SOLO cuando está abierto */
.page-id-346 .elementor-widget-n-accordion details{
  position: relative !important;
}

.page-id-346 .elementor-widget-n-accordion details[open] > summary.e-n-accordion-item-title{
  position: relative !important;
}

.page-id-346 .elementor-widget-n-accordion details[open] > summary.e-n-accordion-item-title::before{
  content: "" !important;
  position: absolute !important;
  left: -14px !important;     /* ajusta si la quieres pegada al contenido */
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 34px !important;
  background: #2563eb !important;  /* azul DashPlugins */
  border-radius: 2px !important;
}

/* 3) (Opcional) asegurar que el icono se ve siempre (por si estaba con hover) */
.page-id-346 .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== LIMPIEZA FINAL FAQ ===== */

/* 1. Quitar la línea azul de la derecha (si quedó por ::after u otro pseudo) */
.page-id-346 
.elementor-widget-n-accordion 
summary.e-n-accordion-item-title::after{
  content: none !important;
  display: none !important;
}

/* Por si la línea viene de otro pseudo */
.page-id-346 
.elementor-widget-n-accordion 
details[open] summary.e-n-accordion-item-title::after{
  content: none !important;
  display: none !important;
}

.e-n-accordion-item-title-text{
	text-shadow:none !important;
}


/* 2 columnas: imagen 50% + texto 50% */
.dp-media-2col{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

/* En móvil: apila */
.dp-media-2col > .e-con-inner{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* Elementor (containers hijos) */
.dp-media-2col .e-con-inner > .e-con{
  flex: 1 1 320px; /* fallback móvil */
  min-width: 0;
}

/* Desktop: 50/50 real */
@media (min-width: 768px){
  .dp-media-2col .e-con-inner > .e-con{
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* La imagen que no se ponga “tonta” */
.dp-media-2col .elementor-widget-image img{
  width: 100%;
  height: auto;
  display: block;
}

.page-id-346 .dp-media-2col.e-con.e-flex>.e-con-inner{
	flex-direction:row !important;
}


.page-id-346 .dp-media-2col-right.e-con.e-flex>.e-con-inner{
	flex-direction:row-reverse !important;
}

.page-id-346 .dp-media-2col-right.e-con.e-flex>.e-con-inner div.elementor-widget-image {
    width: 60% !important;
}
.page-id-346 .dp-media-2col-right.e-con.e-flex>.e-con-inner div:first-child {
    width: 40% !important;
}

.page-id-346{
  font-size: 16px;
  line-height: 1.7;
}

.page-id-346 h2{
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.2;
}

.banner-destacado.e-flex.e-con-boxed.e-con.e-child {
	width:80% !important;
}