/*
Theme Name: Pan de Origen
Theme URI: 
Author: Cris Padilla
Author URI: 
Description: Tema personalizado para Pan de Origen, basado en el diseño provisto en HTML y Tailwind CSS.
Version: 1.0.0
Text Domain: pandeorigen
*/

/* Custom Typography */
h1,
h2,
h3,
.font-serif-heading {
    font-family: 'Playfair Display', serif;
}

body {
    font-family: 'Lato', sans-serif;
}

/* Layout Adjustments */
.hero-gradient {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.circular-image {
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
}

/* Material Symbols Adjustments */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.fill {
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* Brand Logo Filters */
.brand-logo-white {
    filter: brightness(0) invert(1);
    opacity: 0.75;
    transition: all 0.3s ease;
}
.brand-logo-white:hover {
    opacity: 1;
}

.brand-logo-gold {
    filter: brightness(0) invert(72%) sepia(45%) saturate(750%) hue-rotate(5deg);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.brand-logo-gold:hover {
    opacity: 1;
    filter: brightness(0) invert(85%) sepia(60%) saturate(800%) hue-rotate(5deg);
}

.brand-logo-original {
    opacity: 0.85;
    transition: all 0.3s ease;
}
.brand-logo-original:hover {
    opacity: 1;
}