/* === ARTISTIC HERO COMPONENT === */
/* Sección visual artística - Migrado de legacy a sistema modular */

/* Importar variables compartidas */
@import url('../../shared/styles/variables.css');

/* ===== CONTENEDOR PRINCIPAL ===== */
.artistic-hero {
    height: 50vh;
    min-height: 400px;
    max-height: 600px;
    position: relative;
    overflow: hidden;
    margin-top: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== FONDO ARTÍSTICO ===== */
.artistic-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: 
        url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGRlZnM+CjwhLS0gR3JhZGllbnRlcyBwYXJhIGVsIMOhcmJvbCAtLT4KPGxpbmVhckdyYWRpZW50IGlkPSJ0cnVua0dyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNjY3OTdkO3N0b3Atb3BhY2l0eTowLjgiIC8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNGE1NjU5O3N0b3Atb3BhY2l0eTowLjciIC8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6IzNhNDQ0NztzdG9wLW9wYWNpdHk6MC42IiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9ImZhY2VHcmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzljYTlhYztzdG9wLW9wYWNpdHk6MC45IiAvPgo8c3RvcCBvZmZzZXQ9IjUwJSIgc3R5bGU9InN0b3AtY29sb3I6Izc4ODc4YTtzdG9wLW9wYWNpdHk6MC44IiAvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM1NjY4NmI7c3RvcC1vcGFjaXR5OjAuNyIgLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJiYXJkR3JhZCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM5YzllOTU7c3RvcC1vcGFjaXR5OjAuOCIgLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM3ODdlNzU7c3RvcC1vcGFjaXR5OjAuNyIgLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNTY1YzU5O3N0b3Atb3BhY2l0eTowLjYiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxmaWx0ZXIgaWQ9InRleHR1cmUiPgo8ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9IjAuMDMiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz4KPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuNiAwIDAgMCAwIDAuNyAwIDAgMCAwIDAuNyAwIDAgMCAwLjMgMCIvPgo8L2ZpbHRlcj4KPC9kZWZzPgoKPCEtLSBUcm9uY29zIGRlIMOhcmJvbGVzIGxhdGVyYWxlcyAtLT4KPHN2ZyB4PSIwIiB5PSIwIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiPgo8IS0tIFRyb25jbyBpenF1aWVyZG8gLS0+CjxwYXRoIGQ9Ik0wIDgwMEM1MCA3NTAgMTAwIDcwMCAxMjAgNjAwQzE0MCA1MDAgMTIwIDQwMCAxMDAgMzIwQzgwIDI0MCA2MCAyMDAgNDAgMTYwQzIwIDE0MCAyMCAxMjAgNDAgMTAwUzEwMCAxMDAgMTIwIDEyMFMxNjAgMTgwIDIwMCAyNjBTMjYwIDQyMCAyODAgNTAwUzI4MCA2MDAgMjYwIDY4MFMxOTAgNzYwIDE0MCA4MDBMMC44MDBaIiBmaWxsPSJ1cmwoI3RydW5rR3JhZCkiIGZpbHRlcj0idXJsKCN0ZXh0dXJlKSIvPgoKPCEtLSBUcm9uY28gZGVyZWNobyAtLT4KPHBhdGggZD0iTTEyMDAgODAwQzExNTAgNzUwIDExMDAgNzAwIDEwODAgNjAwQzEwNjAgNTAwIDEwODAgNDAwIDExMDAgMzIwQzExMjAgMjQwIDExNDAgMjAwIDExNjAgMTYwQzExODAgMTQwIDExODAgMTIwIDExNjAgMTAwUzExMDAgMTAwIDEwODAgMTIwUzEwNDAgMTgwIDEwMDAgMjYwUzk0MCA0MjAgOTIwIDUwMFM5MjAgNjAwIDk0MCA2ODBTOBI0MCIgZmlsbD0idXJsKCN0cnVua0dyYWQpIiBmaWx0ZXI9InVybCgjdGV4dHVyZSkiLz4KCjwhLS0gSG9tYnJlIMOBcmJvbCBjZW50cmFsIC0tPgo8IS0tIFRyb25jbyBwcmluY2lwYWwgLS0+CjxwYXRoIGQ9Ik00ODAgODAwQzUyMCA3ODAgNTQwIDc0MCA1NjAgNzAwUzU4MCA2NjAgNjAwIDYyMFM2MjAgNTgwIDY0MCA1NDBTNjY2IDUwMCA2ODAgNDgwUzY5MCA0NjAgNzAwIDQ0MFM3MDQgNDIwIDcwNCA0MDBTN3A2OCI0MDAgNzA4IDQyMFM3MDggNDQwIDcwOCA0NjBTNzAwIDUwMCA2ODAgNTIwUzY2MCA1NDAgNjMwIDU2MFM1ODAgNTgwIDU2MCA2MDBTNTU0MCA2MjAgNTIwIDY0MFM0ODAgNjgwIDQ2MCA3MjBTNDUwIDc2MCA0NTAgODAwSDQ4MFoiIGZpbGw9InVybCgjdHJ1bmtHcmFkKSIgZmlsdGVyPSJ1cmwoI3RleHR1cmUpIi8+Cgo8IS0tIFJvc3RybyBkZWwgaG9tYnJlIMOhcmJvbCAtLT4KPCEtLSBDYWJlemEgLS0+CjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI0MDAiIHJ4PSI4MCIgcnk9IjEwMCIgZmlsbD0idXJsKCNmYWNlR3JhZCkiIGZpbHRlcj0idXJsKCN0ZXh0dXJlKSIvPgoKPCEtLSBPam9zIC0tPgo8ZWxsaXBzZSBjeD0iNTcwIiBjeT0iMzcwIiByeD0iMTIiIHJ5PSIxOCIgZmlsbD0icmdiYSg4MCwgODAsIDgwLCAwLjgpIi8+CjxlbGxpcHNlIGN4PSI2MzAiIGN5PSIzNzAiIHJ4PSIxMiIgcnk9IjE4IiBmaWxsPSJyZ2JhKDgwLCA4MCwgODAsIDAuOCkiLz4KPGNpcmNsZSBjeD0iNTcwIiBjeT0iMzc1IiByPSI1IiBmaWxsPSJyZ2JhKDIwLCAyMCwgMjAsIDAuOSkiLz4KPGNpcmNsZSBjeD0iNjMwIiBjeT0iMzc1IiByPSI1IiBmaWxsPSJyZ2JhKDIwLCAyMCwgMjAsIDAuOSkiLz4KCjwhLS0gTmFyaXogLS0+CjxwYXRoIGQ9Ik01OTAgNDEwQzU5NSA0MTUgNjA1IDQxNSA2MTAgNDEwUzYxNSA0MDAgNjEwIDM5NVM2MDAgMzkwIDU5MCA0MDBTNTg1IDQwNSA1OTAgNDEwWiIgZmlsbD0icmdiYSgxMTAsIDExMCwgMTEwLCAwLjcpIi8+Cgo8IS0tIEJhcmJhIGxhcmdhIC0tPgo8cGF0aCBkPSJNNTcwIDQ0MEM1ODAgNDUwIDYwMCA0NjAgNjEwIDQ3MFM2MzAgNDkwIDYzMCA1MTBTMI0IDUyMCA2MjAgNTQwUzYyMCA1NjAgNjE4IDU4MFM2MTQgNjAwIDYxMCA2MjBTNjA0IDY0MCA1OTggNjYwUzU5MCA2NzAgNTgwIDY4MFM1NzAgNjgwIDU2MCA2NzBTNTUwIDY2MCA1NDUgNjQwUzU0NCA2MjAgNTQ0IDYwMFM1NDYgNTgwIDU0OCA1NjBTNTUwIDU0MCA1NTAgNTIwUzU1MiA1MDAgNTU0IDQ4MFM1NTggNDYwIDU2NCA0NTBTNTcwIDQ0MCA1NzAgNDQwWiIgZmlsbD0idXJsKCNiYXJkR3JhZCkiIGZpbHRlcj0idXJsKCN0ZXh0dXJlKSIvPgo8L3N2Zz4KCjwhLS0gTnVldm9zIGVsZW1lbnRvcyAtLT4KPCEtLSBSYW1hcyBkZWNvcmF0aXZhcyAtLT4KPHBhdGggZD0iTTM4MCA1MjBDNDAwIDQ4MCA0MjAgNDYwIDQ1MCA0NDBTNDU4MCA0MzAgNTAwIDQzMFM1MjAgNDQwIDU0MCA0NjBTNTYwIDUwMCA1ODA…'),
        url('../images/hero-background.jpg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat;
}

/* ===== OVERLAY OSCURO ===== */
.artistic-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(
        135deg,
        rgba(45, 10, 31, 0.85) 0%,
        rgba(107, 26, 71, 0.7) 50%,
        rgba(45, 10, 31, 0.85) 100%
    );
}

/* ===== RESPONSIVE DESIGN ===== */

/* Mobile: Altura reducida */
@media (max-width: 768px) {
    .artistic-hero {
        height: 35vh;
        min-height: 280px;
        max-height: 350px;
    }
}

/* Landscape desktop: Espacio generoso */
@media (orientation: landscape) and (min-width: 1024px) {
    .artistic-hero {
        height: 60vh;
        min-height: 450px;
        max-height: 500px;
    }
}

/* Mobile landscape: Compacto pero funcional */
@media (orientation: landscape) and (max-width: 1023px) {
    .artistic-hero {
        height: 45vh;
        min-height: 350px;
        max-height: 400px;
    }
}