/*
Theme Name: Stionex One Page
Theme URI: https://stionex.com
Author: Stionex
Description: Tema one-page corporativo de Stionex: consultoría en sistemas de gestión (ISO 9001, 14001, 45001, 27001, 42001, SAGRILAFT y PTEE), ciberseguridad y academia online. Incluye formulario de contacto que envía a info@stionex.com con wp_mail y botón de WhatsApp.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stionex
*/
/* ===== Base ===== */
html{scroll-behavior:smooth}
body{margin:0;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#2B2F36;background:#FFFFFF;-webkit-font-smoothing:antialiased}
/* Paleta corporativa Stionex: sx-navy #1F2E5E · sx-indigo #667BB4 · sx-sky #69BFEE · sx-ice #D5ECFA · ink #2B2F36 */
a{color:#1F2E5E}a:hover{color:#1F2E5E;text-decoration:underline}
.sx-skip:focus{top:12px}
section[id]{scroll-margin-top:80px}
:focus-visible{outline:3px solid #667BB4;outline-offset:3px}
input,select,textarea,button{font:inherit}
/* ===== Navegación ===== */
.sx-navlink{color:#1F2E5E;text-decoration:none}
.sx-navlink:hover{color:#1F2E5E;text-decoration:underline;text-decoration-color:#69BFEE;text-decoration-thickness:3px;text-underline-offset:8px}
.sx-flink{color:#D5ECFA;text-decoration:none}
.sx-flink:hover{color:#FFFFFF;text-decoration:underline}
.sx-only-mobile{display:none}
@media (max-width:980px){.sx-only-desktop{display:none !important}.sx-only-mobile{display:inline-flex}}
@media (min-width:981px){.sx-mobile-panel{display:none !important}}
/* ===== Tarjetas y botones (hover) ===== */
.sx-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sx-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(31,46,94,.38);border-color:#69BFEE}
.sx-btn{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.sx-btn:hover{transform:translateY(-1px)}
.sx-btn-primary:hover{background:#2B2F36}
.sx-btn-accent:hover{background:#D5ECFA}
.sx-btn-ghost:hover{background:rgba(213,236,250,.12)}
.sx-btn-outline:hover{background:#D5ECFA}
.sx-wa{transition:transform .2s ease}.sx-wa:hover{transform:scale(1.07)}
/* ===== Formulario ===== */
.sx-field{transition:border-color .2s ease,box-shadow .2s ease}
.sx-field:focus{outline:none;border-color:#1F2E5E;box-shadow:0 0 0 3px rgba(102,123,180,.35)}
/* ===== Microanimaciones al hacer scroll (sin JavaScript) ===== */
@supports (animation-timeline: view()){
.sx-reveal{animation:sx-rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
}
@keyframes sx-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sx-reveal{animation:none}.sx-card,.sx-btn,.sx-wa{transition:none}}

/* ===== Ajustes para WordPress ===== */
img{max-width:100%}
[hidden]{display:none !important}
.sx-mobile-panel{display:flex}
.admin-bar header[style*="sticky"]{top:32px !important}
@media (max-width:782px){.admin-bar header[style*="sticky"]{top:46px !important}}
@media (max-width:600px){.admin-bar header[style*="sticky"]{top:0 !important}}
.sx-skip{position:absolute}
/* Pestañas de normas */
.sx-tab{border:1.5px solid rgba(31,46,94,.55);background:#FFFFFF;color:#1F2E5E;font-family:inherit;transition:background-color .2s ease,color .2s ease}
.sx-tab:hover{background:#D5ECFA}
.sx-tab[aria-pressed="true"]{background:#1F2E5E;color:#FFFFFF;border-color:#1F2E5E}
/* Preguntas frecuentes */
.sx-faq-icon{background:#D5ECFA;color:#1F2E5E;transition:transform .25s ease,background-color .25s ease}
.sx-faq-btn[aria-expanded="true"] .sx-faq-icon{background:#1F2E5E;color:#FFFFFF;transform:rotate(180deg)}
/* Carrusel */
.sx-dot span{width:10px;background:#667BB4}
.sx-dot[aria-pressed="true"] span{width:28px;background:#1F2E5E}
#sx-submit[disabled]{opacity:.7;cursor:progress}
/* Documentos legales (ventanas) */
.sx-legal{width:min(760px,calc(100% - 32px));max-height:min(86vh,900px);padding:0;border:0;border-radius:18px;background:#FFFFFF;color:#2B2F36;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;box-shadow:0 40px 80px -30px rgba(31,46,94,.55);overflow:hidden}
.sx-legal[open]{display:flex;flex-direction:column}
.sx-legal::backdrop{background:rgba(31,46,94,.6)}
.sx-legal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(31,46,94,.12);background:#FFFFFF}
.sx-legal-head h2{margin:0;font-size:clamp(19px,2.4vw,24px);line-height:1.25;font-weight:800;color:#1F2E5E}
.sx-legal-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid rgba(31,46,94,.3);border-radius:50%;background:#FFFFFF;color:#1F2E5E;cursor:pointer}
.sx-legal-close:hover{background:#D5ECFA}
.sx-legal-body{overflow-y:auto;padding:8px 24px 28px;font-size:15px;line-height:1.7}
.sx-legal-body h3{margin:24px 0 8px;font-size:16px;font-weight:700;color:#1F2E5E}
.sx-legal-body p,.sx-legal-body ul{margin:0 0 10px}
.sx-legal-body ul{padding-left:20px}
.sx-legal-body li{margin-bottom:6px}
.sx-legal-date{margin-top:12px !important;font-size:13px;color:#1F2E5E}
.sx-legal-contact{padding:14px 16px;border-radius:12px;background:rgba(213,236,250,.5)}
.sx-legal a{color:#1F2E5E;font-weight:600}