/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1775761314
Updated: 2026-04-09 21:01:54

*/

//*
 Theme Name:   Hello Elementor Child
 Description:  Minimalist Portfolio Theme for Paula Rubio
 Author:       Paula Rubio
 Template:     hello-elementor
 Version:      1.0.1
*/

/* 1. VARIABLES GLOBALES (Look Petra Collins - Off-White) */
:root {
    --bg-color: #f7f7f7;      /* Blanco roto / Gris galería */
    --text-color: #1a1a1a;    /* Negro suave */
    --accent-color: #ff0000;
    --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 2. ESTRUCTURA Y RESET DE FONDO 
   Forzamos la jerarquía desde html body para asegurar el cambio */
html, 
body, 
.elementor-template-canvas, 
.elementor-kit-6 {
    background-color: var(--bg-color) !important;
    color: var(--text-color);
    margin: 0;
    padding: 0;
    font-family: var(--main-font);
    -webkit-font-smoothing: antialiased;
}

/* 3. LIMPIEZA DE ELEMENTOS DEL TEMA (Eliminar marcos blancos y rosa) */
header.site-header, 
footer.site-footer, 
.entry-title,
header#header,
footer#footer {
    display: none !important;
    height: 0;
    visibility: hidden;
}

/* 4. TIPOGRAFÍA MINIMALISTA */
h1, h2, h3, h4 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1.5rem;
}

/* 5. NAVEGACIÓN Y LINKS */
a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.4s ease;
}

a:hover {
    opacity: 0.4;
}

/* 6. GRID Y CONTENEDORES (Reset de márgenes de Elementor) */
.elementor-section, 
.elementor-container, 
.elementor-column-gap-default {
    background: transparent !important;
}

img {
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    /* Fade in al cargar las fotos */
    animation: fadeInPortfolio 1s ease-in-out;
}

@keyframes fadeInPortfolio {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 7. AJUSTE PARA MÓVILES */
@media (max-width: 768px) {
    body {
        padding: 0 10px;
    }
}