/*
Theme Name: Astraps
Theme URI: https://www.astraps.com
Author: Astraps
Author URI: https://www.astraps.com
Description: Theme ligero y personalizado, pensado para construir sitios rápidos y fáciles de administrar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astraps
*/

/* Base mínima (el diseño vive en Elementor). */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img, svg, video { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
p { margin-bottom: .9em; }
p:last-child { margin-bottom: 0; }
h1, h2, h3 { text-wrap: balance; }

/* Accesibilidad: foco visible y enlace de salto. */
:focus-visible { outline: 3px solid #1869fe; outline-offset: 3px; }
.elementor-location-header :focus-visible,
.elementor-location-footer :focus-visible { outline-color: #fff; }
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100000; background: #fff; color: #0c1118; padding: 12px 18px; font-weight: 600; border-radius: 4px; text-decoration: none; }
.skip-link:focus { top: 16px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Formularios de Elementor Pro: botón con cursor de mano. */
.elementor-form .elementor-button { cursor: pointer; }

/* Botón flotante de WhatsApp (global, renderizado por el theme). */
.astraps-wa { position: fixed; left: 20px; bottom: 20px; z-index: 9999; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); transition: transform .25s; }
.astraps-wa:hover { transform: scale(1.08); color: #fff; }
.astraps-wa:focus-visible { outline: 3px solid #0c1118; outline-offset: 3px; }

/* Movimiento reducido: única regla relacionada con animaciones. */
@media (prefers-reduced-motion: reduce) {
	.elementor-invisible { visibility: visible !important; }
	.animated { animation: none !important; }
}