/*
Theme Name: Sella Theme
Theme URI: https://sellaventura.com
Author: SellaSystem Architecture
Description: Tema nativo hiper-ligero para SellaSystem. Cero dependencias. Cero bloatware.
Version: 1.0.0
*/
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f8fafc;
    color: #0f172a;
    line-height: 1.6;
}
.sella-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}
img { max-width: 100%; height: auto; border-radius: 8px; }
a { color: #0284c7; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: #0f172a; margin-top: 1.5em; margin-bottom: 0.5em; }
p { margin-bottom: 1.2em; }
ul, ol { margin-bottom: 1.2em; padding-left: 20px; }

/* ============================================
   Template: Motor de Reservas (page-motor.php)
   El logo SuperLogo es fixed y mide ~200px (desktop) / ~130px (mobile).
   El container empieza justo debajo del logo.
   ============================================ */
.sella-motor-container {
    width: 100%;
    margin: 0;
    padding: 0;
    /* El motor Lumina (lumina-app-root) ya tiene su propio max-width y margin auto */
}

/* Compensar el logo fijo en desktop */
body.sl-active .sella-motor-container {
    padding-top: 200px;
}

/* En móvil el logo es 130px */
@media (max-width: 767px) {
    body.sl-active .sella-motor-container {
        padding-top: 130px;
    }
}