/*
Theme Name: El Rincón de Shiwa Premium
Theme URI: https://elrincondeshiwa.es
Author: Ana Expósito
Description: Tema Premium para WooCommerce de El Rincón de Shiwa
Version: 6.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.2
License: GPL v2 or later
Text Domain: shiwa
Tags: ecommerce, woocommerce, responsive, custom-logo
*/

/*
Los estilos reales se cargan desde assets/css
*/
:root{

    --bg:#14081F;
    --bg2:#221133;
    --primary:#5A2A83;
    --gold:#D4AF37;
    --gold-light:#E8C76A;
    --text:#F7F2E9;
    --radius:24px;
    --container:1400px;

      --white:#F7F2E9;

    /* Contenedores */

    --container:1400px;
    --container-small:1200px;

    /* Bordes */

    --radius:24px;

    /* Espaciados */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:6rem;
}

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    background:var(--bg);

    color:var(--text);

    font-family:'Montserrat',sans-serif;
    
    overflow-x:hidden;
}

main.site-content{

    background:var(--bg);

}

img{

    max-width:100%;
    height:auto;
    display:block;

}
a{

    text-decoration:none;

    color:inherit;

}
.card{

    background:var(--purple-light);

    border-radius:var(--radius);

    border:1px solid rgba(212,175,55,.25);

    padding:2rem;

    transition:.3s;

}

.card:hover{

    transform:translateY(-6px);

}
/* ==========================================
   BANNER TIENDA - PÁGINA PRINCIPAL
========================================== */

.home-shop-banner {

    width: min(92%, 1600px);

    margin: 100px auto;

}

.home-shop-background {

    position: relative;

    min-height: 520px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border-radius: 32px;

    border: 1px solid rgba(212,175,55,.45);

    box-shadow:
        0 25px 70px rgba(0,0,0,.45);

    background-image:
        linear-gradient(
            90deg,
            rgba(20,8,31,.92) 0%,
            rgba(20,8,31,.78) 38%,
            rgba(20,8,31,.50) 65%,
            rgba(20,8,31,.35) 100%
        ),
        url('https://elrincondeshiwa.es/wp-content/uploads/2026/08/tienda1.png');

    background-size: cover;

    background-position: center;

}

.home-shop-overlay {

    position: relative;

    z-index: 2;

    width: min(90%, 850px);

    padding: 70px 40px;

    text-align: center;

}

.home-shop-overlay span {

    display: block;

    color: #E8C76A;

    text-transform: uppercase;

    letter-spacing: 5px;

    font-size: 14px;

    margin-bottom: 20px;

}

.home-shop-overlay h2 {

    font-family: 'Great Vibes', cursive;

    color: #D4AF37;

    font-size: clamp(3.8rem, 6vw, 6rem);

    font-weight: 400;

    line-height: 1.1;

    margin: 0 0 25px;

}

.home-shop-overlay p {

    max-width: 780px;

    margin: 0 auto 35px;

    color: #F7F2E9;

    font-family: 'Cormorant Garamond', serif;

    font-size: 25px;

    font-style: italic;

    line-height: 1.7;

}

.home-shop-overlay a {

    display: inline-block;

    padding: 16px 42px;

    border-radius: 40px;

    background: #D4AF37;

    color: #14081F;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    transition: .35s;

}

.home-shop-overlay a:hover {

    background: #E8C76A;

    transform: translateY(-3px);

    box-shadow: 0 10px 30px rgba(212,175,55,.30);

}