/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");



:root {  
  --ease:cubic-bezier(.2,.8,.2,1);  
}


/**** Fondo global (bridge) ****/

.content, .content .container, .full_width, .wrapper, body  {
   background: none;
}


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

html{
    scroll-behavior:smooth;
}

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

html{
    background:#fbfff7;
}

body{
    position:relative;
    background:none;
    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%
        );
}