.footer .lead-editor textarea{font-family:var(--font-family-base,Calibri,Arial,sans-serif)!important;font-size:var(--font-size)!important;line-height:1.5!important;color:var(--text)!important;background:var(--shade)!important;border:none!important;border-radius:0!important;padding:var(--block-padding)!important;outline:none!important;overflow:hidden!important;resize:vertical!important}
.footer .lead-editor textarea:focus{border:none!important;outline:none!important}
.footer .footer-dominio-badge,
.footer .footer-priv-badge,
.footer .footer-mail-badge,
.footer .footer-marca-badge,
#vista-index_footer,.footer-top-section .bloque-vista,.footer-top-section .bloque-vista *{font-weight:400!important;color:var(--accent)!important;text-decoration:none!important}
.footer-top-section .bloque-vista strong,.footer-top-section .bloque-vista b{font-weight:400!important}
.footer a.footer-mail-badge[href^='mailto']{transition:font-weight .15s;color:var(--accent)!important;text-decoration:none!important;font-weight:400!important;font-size:var(--font-size)!important}
/* Forzar mismo font-size en parte superior e inferior del footer:
   el bloque editable de arriba (renderizar_bloque) ya hereda font-size
   de .bloque-vista, pero algunos hijos (strong, em, etc.) podrían tomar
   tamaño relativo. Forzamos para garantizar igualdad visual con la
   parte inferior. */
.footer .footer-top-section .bloque-vista,
.footer .footer-top-section .bloque-vista *{
  font-size:var(--font-size)!important;
  color:var(--accent)!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
.footer .footer-bottom-section{background:transparent!important} /* (2026-10-20, Arturo) el color lo pinta su fila (ver abajo): sin capas superpuestas */
.footer .footer-bottom-section,
.footer .footer-bottom-section *:not(svg):not(svg *){
  font-size:var(--font-size)!important;
  color:var(--accent)!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
.footer .footer-priv svg{width:calc(var(--btn-size) * 2 / 3)!important;height:calc(var(--btn-size) * 2 / 3)!important;display:block!important;margin:auto!important}
.footer .footer-priv svg,.footer .footer-priv svg *{stroke-width:2.1!important}
.footer-priv.footer-priv-solid{background:var(--accent)!important;border:none!important}
/* (2026-10-21, Arturo) Sello de perito: mismo formato que el icono «i» (columna de iconos, misma separación), con sus colores reales */
.footer-sello-linea .footer-sello{position:absolute;left:calc(-1 * (var(--btn-size,43px) + 16px));top:50%;transform:translateY(-50%);box-sizing:border-box;overflow:hidden;pointer-events:none}
html body .footer-priv.footer-sello,html body .footer-priv.footer-sello:hover{background:var(--accent)!important;border:none!important;filter:none!important;opacity:1!important;cursor:default!important}
.footer-priv.footer-priv-solid.footer-icon-perito svg{fill:var(--footer-top-bg-val)!important;width:31px!important;height:31px!important}
.footer-priv.footer-priv-solid.footer-icon-perito.footer-sello-court svg{width:23.65px!important;height:23.65px!important}
/* (2026-10-21, Arturo) fila del sello como sección propia: misma separación entre secciones (46px, como entre LinkedIn y Política) */
.footer .footer-sello-linea{padding:calc((var(--btn-size,40px) - 1.4em) / 2) 0 0 0!important;min-height:var(--btn-size,40px);box-sizing:border-box;margin-top:calc(2 * var(--block-padding) + 6px - 1.4em)!important;margin-bottom:5px!important}
.footer .footer-sello-linea .footer-sello{top:0!important;transform:none!important}
html body .footer-priv.footer-icon-marca svg{width:100%!important;height:100%!important;margin:0!important;display:block!important} /* (2026-10-21) logo AFX con el color del tema: ocupa todo el botón */ /* alineado a la primera línea (en móvil el texto ocupa varias) */ /* (2026-10-21, Arturo) icono de perito (escudo con usuario), macizo como «i» */
.footer .footer-sello img{width:100%!important;height:100%!important;object-fit:contain;display:block;filter:none!important}
.footer-priv.footer-priv-solid svg{stroke:none!important;margin:auto!important;display:block!important}
.footer-priv.footer-priv-solid.footer-icon-i svg,
.footer-priv.footer-priv-solid.footer-icon-linkedin svg{fill:var(--footer-top-bg-val)!important}
/* (2026-10-20, Arturo) Pie superior = todo lo que está por encima del aviso legal (incluida la fila de privacidad); pie inferior = el
   aviso legal. Los iconos macizos llevan dentro el color de su zona. */
.footer-priv.footer-priv-solid.footer-icon-shield svg{fill:var(--footer-top-bg-val)!important}
.footer-priv.footer-priv-solid.footer-icon-court svg{fill:var(--footer-bottom-bg-val)!important}
.footer-priv.footer-priv-solid.footer-icon-i svg{width:22.7px!important;height:22.7px!important}
.footer-priv.footer-priv-solid.footer-icon-linkedin svg{width:25.55px!important;height:25.55px!important}
.footer-priv.footer-priv-solid.footer-icon-shield svg{width:25.55px!important;height:25.55px!important;stroke-width:1px!important;stroke-linejoin:round!important}
.footer-priv.footer-priv-solid.footer-icon-shield svg{stroke:var(--footer-top-bg-val)!important}
.footer-priv.footer-priv-solid.footer-icon-court svg{width:23.65px!important;height:23.65px!important}
.footer .footer-dominio-badge:hover,
.footer .footer-priv-badge:hover,
.footer .footer-mail-badge:hover,
.footer .footer-marca-badge:hover,
.footer a.footer-mail-badge[href^='mailto']:hover{color:var(--accent)!important;text-decoration:none!important;font-weight:400!important}
/* (2026-10-31, Arturo) Los enlaces «Política de privacidad» y «Aviso legal» del pie no se iluminan al pasar el ratón: se anula el hover de botones (data-afx-hb, botonera_css.php) en ellos y en su capa ::after. */
html body .footer a.footer-priv-badge[data-afx-hb]:not(#afx_z1):not(#afx_z2):not(#afx_z3):hover{filter:none!important;background-color:transparent!important;background-image:none!important;opacity:1!important;color:var(--accent)!important;transform:none!important;text-decoration-line:none!important;border-width:0!important;border-style:none!important;box-shadow:none!important;outline-style:none!important}
html body .footer a.footer-priv-badge[data-afx-hb]:not(#afx_z1):not(#afx_z2):not(#afx_z3):hover::after{background-color:transparent!important;opacity:0!important}
.footer-priv{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-size,43px);height:var(--btn-size,43px);border-radius:min(var(--radius),calc(var(--btn-size,43px) / 3));border:var(--border-width,1px) solid var(--border-color-custom,var(--line))!important;background:transparent!important;color:var(--accent)!important;text-decoration:none!important;cursor:default;flex-shrink:0;filter:none;transition:none!important}
.footer-priv.footer-priv-logo{background:transparent;overflow:hidden;border-radius:min(var(--radius),calc(var(--btn-size,43px) / 3))!important}
.footer-priv.footer-anthropic-logo{position:relative;overflow:hidden}
.footer-priv.footer-anthropic-logo img{filter:brightness(var(--img-brightness,1)) var(--img-filter,none)}
.footer-priv.footer-priv-solid.footer-anthropic-logo{background:var(--accent)!important;border:none!important}
.footer-priv.footer-priv-solid.footer-anthropic-logo img{display:none!important}
.footer-priv.footer-priv-solid.footer-anthropic-logo .mask-icon{position:absolute;inset:0;margin:auto;width:90.2%;height:90.2%;background:var(--footer-top-bg-val);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
html body .footer-priv:hover{background:transparent!important;filter:none!important;opacity:1!important;transform:none!important;box-shadow:none!important}
html body a.footer-priv[href="/prv.php"],
html body a.footer-priv[href^="mailto"],
html body a.footer-priv-logo{cursor:pointer!important}
html body a.footer-priv[href="/prv.php"]:hover,
html body a.footer-priv[href^="mailto"]:hover,
html body a.footer-priv-logo:hover{filter:brightness(.85)!important;opacity:.85!important;text-decoration:none!important}
html body .footer-priv:hover::after{background:transparent!important;display:none!important}
html body .footer-priv:hover svg{filter:none!important}
html body .footer-priv:hover img{filter:none!important}
html body .footer-priv svg{position:relative;z-index:1;transition:filter var(--anim-speed,0s)!important;stroke:var(--accent)!important}
html body span.footer-priv img,
html body a.footer-priv-logo img{transition:filter var(--anim-speed,0.15s)!important}

/* Los 4 iconos "sólidos" del footer (i, LinkedIn, escudo, aviso legal) no
   deben reaccionar de ninguna forma al hover -- ni oscurecerse ni cambiar
   opacidad -- igual que Anthropic/Stripe. El tooltip nativo (title) sigue
   funcionando siempre porque no depende de CSS. */
html body a.footer-priv.footer-icon-i,
html body a.footer-priv.footer-icon-linkedin,
html body a.footer-priv.footer-icon-shield,
html body span.footer-priv.footer-icon-court,
html body span.footer-priv.footer-icon-marca,
html body span.footer-priv.footer-anthropic-logo{
  cursor:default!important;
}
html body a.footer-priv.footer-icon-i:hover,
html body a.footer-priv.footer-icon-linkedin:hover,
html body a.footer-priv.footer-icon-shield:hover,
html body span.footer-priv.footer-icon-court:hover,
html body span.footer-priv.footer-icon-marca:hover,
html body span.footer-priv.footer-anthropic-logo:hover{
  filter:none!important;
  opacity:1!important;
  cursor:default!important;
}
html body a.footer-priv.footer-icon-i:hover,
html body a.footer-priv.footer-icon-linkedin:hover,
html body a.footer-priv.footer-icon-shield:hover,
html body span.footer-priv.footer-icon-court:hover{
  background:var(--accent)!important;
}
html body .footer-priv.footer-icon-marca:hover img,
html body .footer-priv.footer-anthropic-logo:hover img,
html body .footer-priv.footer-anthropic-logo:hover .mask-icon{
  filter:none!important;
  opacity:1!important;
}


/* Línea divisoria entre la sección superior y la inferior del footer:
   ahora se inserta como un <div> real entre las dos secciones (ver
   más abajo en el HTML). No se usa border-bottom porque dependía del
   color-mix del tema y podía resultar invisible si el border-color
   coincidía con el fondo del footer. */

.footer [data-editor-stack="1"].editando{outline:none!important;border:none!important}
.footer [data-editor-stack="1"].editando .lead-editor{margin-top:2px!important}
.footer:has([data-editor-stack="1"].editando){overflow:visible}
.footer .bloque-vista div{}
.bloque-editor-actions .btn-guardar-bloque,.bloque-editor-actions .btn-guardar-bloque:hover,.bloque-editor-actions .btn-cancelar-bloque,.bloque-editor-actions .btn-cancelar-bloque:hover,.bloque-editor-actions .btn-imagen-bloque,.bloque-editor-actions .btn-imagen-bloque:hover,.bloque-editor-actions button,.bloque-editor-actions button:hover{border:none!important;outline:none!important;box-shadow:none!important}
.btn-edit-bloque,.btn-edit-bloque:hover,.btn-edit-bloque:focus{border:none!important;outline:none!important;box-shadow:none!important}