/* ARPA Core · ajustes para que el CSS de la maqueta (arpa.css) funcione dentro de WordPress + Elementor.
   Lo de la maqueta no se toca: aquí solo hay (1) neutralizar los estilos por defecto de Elementor y
   (2) adaptar los selectores que en la maqueta eran «hijo directo» y en Elementor llevan una capa más. */

/* --- 1. Elementor: contenedores, widgets y textos heredan el diseño de ARPA --- */
.elementor .e-con.arpa-wrap,
.elementor .e-con.arpa-sec{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;max-width:none;width:100%}
.elementor .arpa-wrap > .elementor-widget{width:100%}
/* !important: en el editor, Elementor añade reglas por widget (color «primario», tipografía global) que romperían el diseño; así el aspecto lo manda siempre la clase de la sección. */
.elementor .arpa-t .elementor-heading-title{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;line-height:inherit!important;margin:0;padding:0}
.elementor .arpa-t .elementor-widget-container{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;margin:0;padding:0}
.elementor .arpa-t .elementor-widget-container p{margin:0}
.elementor .arpa-t a{text-decoration:underline;text-underline-offset:.2em}
.elementor .crumb a,.elementor .est3 a{text-decoration:none}
.elementor img{max-width:100%}
.elementor .case__fig img,.elementor .sheet img,.elementor .pc img,.elementor .lg img,.elementor .member__ph img,.elementor .vid img,.elementor .peek img{max-width:none}
.elementor .lg img{max-width:100%}
.elementor a{box-shadow:none}
/* Elementor pone enlaces sin subrayado y color propio: la maqueta usa los suyos */
.elementor .contact2 address a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.elementor .check a,.elementor .antispam a{text-decoration:underline}
.elementor .legal a{text-decoration:underline}

/* --- 2. Secciones con padding propio de la maqueta (los contenedores de Elementor lo ponen a 0) --- */
.elementor .e-con.lema{padding:clamp(5rem,14vw,11rem) var(--pad);overflow:hidden}
.elementor .e-con.estudio{padding:clamp(4rem,10vw,9rem) var(--pad)}
.elementor .e-con.ph{padding:6.6rem var(--pad) clamp(1.4rem,3vw,2.4rem)}
.elementor .e-con.legal{padding:0 var(--pad) clamp(4rem,9vw,8rem);max-width:60rem}
.elementor .e-con.arpa-spacer{height:5.4rem;min-height:5.4rem}

/* --- 3. Estudio: rejilla de dos columnas; las hojas son «sticky» respecto a ella --- */
.elementor .e-con.est3{display:grid;grid-template-columns:1fr;gap:2.4rem}
.elementor .e-con.est3 > .elementor-widget-arpa_sheets,
.elementor .e-con.est3 > .elementor-widget-arpa_sheets > .elementor-widget-container{display:contents}
.elementor .e-con.est3__txt{display:grid;gap:1.1rem;align-content:start;min-width:auto}
.elementor .e-con.est3__txt > .elementor-widget{min-width:auto}
.elementor.elementor.elementor .e-con .est__q{margin-bottom:1em} /* en la maqueta es un <blockquote>, que lleva 1em de margen inferior */
.elementor .est__t .elementor-widget-container{display:grid;gap:1.1rem}
.elementor .est__p .elementor-widget-container{display:grid;gap:1rem}
@media(min-width:900px){
  .elementor .e-con.est3{grid-template-columns:5fr 6fr;gap:6vw;align-items:start}
  .elementor .e-con.est3__txt{padding-bottom:6vh}
}

/* --- 4. Contacto: dos celdas con filete --- */
.elementor .e-con.contact2{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(246,243,236,.3)}
.elementor .e-con.contact2 > .elementor-widget,
.elementor .e-con.contact2 > .elementor-widget > .elementor-widget-container{display:contents}
.contact2__col{padding:clamp(1.6rem,4vw,3.4rem) var(--pad)}
@media(min-width:900px){
  .elementor .e-con.contact2{grid-template-columns:1fr 1fr}
  .elementor .e-con.contact2 > .elementor-widget + .elementor-widget .contact2__col{border-left:1px solid rgba(246,243,236,.3)}
}
.form .ko{display:none;font-weight:700;color:var(--red)}.form.failed .ko{display:block}
.form.busy{opacity:.7;pointer-events:none}

/* --- 5. Texto editable de las páginas legales --- */
.elementor.elementor .e-con.ph h1.elementor-heading-title{font-family:var(--f-d);font-stretch:112%;font-weight:300;text-transform:none;font-size:clamp(2.6rem,10vw,8rem);line-height:.88;letter-spacing:-.045em;color:inherit;margin:0}
.legal .elementor-widget-container > h2:first-child{margin-top:0}

/* --- 6. Editor de Elementor: se ve todo (sin animaciones de entrada) --- */
.elementor-editor-active .rv{opacity:1;transform:none}
.elementor-editor-active .mframe{clip-path:none}
.elementor-editor-active .hero3__h1 .l>span{transform:none}
.elementor-editor-active .hero3__h1 .l2 span::after{width:100%}
.elementor-editor-active .pc{pointer-events:auto}
.elementor-editor-active .cur{display:none}

/* --- 7. Cabecera: la barra de administración no tapa la píldora --- */
body.admin-bar .hd,body.admin-bar .idx__x{top:calc(.7rem + 32px)}
@media(max-width:782px){body.admin-bar .hd,body.admin-bar .idx__x{top:calc(.7rem + 46px)}}