/* ==========================================================================
   PURO LLANO RADIO - BASE STYLES
   Variables, resets, typography, and global utilities
   ========================================================================== */

/* CSS Custom Properties */
:root {
    --primary: #fed202;
    --secondary: #724c21;
    --dark-deep: #1a1108;
    --glass: rgba(26, 17, 8, 0.92);
    --glow: 0 4px 12px rgba(0, 0, 0, 0.3);
    --android-green: #3DDC84;
    --whatsapp: #25d366;
}

/* Reset & Base Styles */
*,
*:focus,
*:active {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

a,
button {
    text-decoration: none !important;
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active {
    text-decoration: none !important;
    outline: none !important;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: var(--dark-deep);
}

body {
    font-family: 'Poppins', sans-serif;
    background: radial-gradient(circle at center, rgba(114, 76, 33, 0.2) 0%, var(--dark-deep) 100%),
        url('https://i.postimg.cc/3rsccb78/PORTADA-APP-1024-X500-2.jpg') no-repeat center center fixed;
    background-size: cover;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
}

/* Background Canvas */
#bg-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

/* Typography */
@font-face {
    font-family: 'Breakers Slab Black';
    src: url('../font/Breakers Slab Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
}

p {
    margin: 0;
}

/* Utility Classes */
.hidden {
    display: none !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}