/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* ===== Fondo global EXACTO del HTML ===== */

html{
    scroll-behavior:smooth;
}

/* ===== Fondo global continuo sin salto ===== */

html{
    background:#fbfff7;
}

body{
    position:relative;
    background:none;
    color:#122019;

    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

/* Capa fija del fondo */
body::before{
    content:"";
    position:fixed;

    top:0;
    left:0;

    width:100vw;
    height:100vh;

    pointer-events:none;
    z-index:-1;

    background:
        radial-gradient(circle at 8% 0%, rgba(239,224,59,.18), transparent 28rem),
        radial-gradient(circle at 92% 12%, rgba(35,133,70,.16), transparent 34rem),
        radial-gradient(circle at 5% 62%, rgba(35,91,120,.08), transparent 32rem),
        linear-gradient(
            180deg,
            #fbfff7 0%,
            #fff9eb 43%,
            #f7fbf3 100%
        );

    background-attachment:fixed;
}

/* Patrón */
body::after{
    content:"";
    position:fixed;
    inset:0;

    pointer-events:none;
    z-index:-1;

    background-image:
        radial-gradient(
            rgba(8,45,26,.08) 1px,
            transparent 1px
        );

    background-size:28px 28px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            transparent 64%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            transparent 64%
        );
}
