/*
    Theme Name: MC Theme Embudo de Ventas
    Theme URI: 
    Author: Pablo Javier Cardozo
    Author URI: https://wa.link/tzu6jr
    Description: Theme tipo embudo de ventas.
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: embudo de ventas, page, landing-page, personal, presentación, ventas, embudo.
    Text Domain: MC_text
*/
/* Loading Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root{
    /** Fuentes **/
    --font-main: "Open Sans", sans-serif;
    --font-headings: "Montserrat", sans-serif;
    /** Colores **/
    --azul-osc:#023859;
    --azul-cla: #024873;
    --verde-flu: #6AD9C4;
    --celeste: #C9EEF1;
    --gris-cla: #F2F2F2;
    --negro: #011526;
    --sombra-suave: 0 4px 8px rgba(1, 21, 38, 0.1);
    --sombra-intensa: 0 8px 16px rgba(2, 72, 115, 0.2);
    --sombra-interior: inset 0 2px 4px rgba(2, 56, 89, 0.1);
    --grad-azul: linear-gradient(135deg, #023859 0%, #024873 100%);
    --grad-btns: linear-gradient(90deg, #6AD9C4 0%, #C9EEF1 100%);
    --grad-osc: linear-gradient(to right, #011526 0%, #023859 50%);
    --txt-brillo: 0 0 8px rgba(201, 238, 241, 0.3);
    --txt-sombra: 0.5px #F2F2F2;
}

/** Colores de fondos en general**/
.bg-azul-osc{
    background-color: var(--azul-osc);
}

.bg-azul-cla{
    background-color: var(--azul-cla);
}

.bg-verde-flu{
    background-color: var(--verde-flu);
}

.bg-celeste{
    background-color: var(--celeste);
}

.bg-gris-cla{
    background-color: var(--gris-cla);
}

.bg-negro{
    background-color: var(--negro);
}

.sh-suave{
    box-shadow: var(--sombra-suave);
}

.sh-intense{
    box-shadow: var(--sombra-intensa);
}

.sh-interior{
    box-shadow: var(--sombra-interior);
}

.grad-azul{
    background: var(--grad-azul);
}

.grad-oscuro{
    background: var(--grad-osc);
}

.txt-brillo{
    text-shadow: var(--txt-brillo);
}

.txt-sombra{
    text-shadow: var(--txt-sombra);
}

/** principales **/

html{
    box-sizing: border-box;
    font-size: 62.5%; /* esto hace -> 10px = 1rem */
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    
}

*, *:before, *:after {
    box-sizing: inherit;
}

body{
    font-family: var(--font-main);
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
}

main#contenido{
    overflow: hidden;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    
}

div#primary{
    background-color: transparent;

    & article.post{    
        max-width: 800px;
    }
}

/** Headings **/
h1, h2, h3, h4, h5{
    font-family: var(--font-headings);
    line-height: 1.2;
}

h1, h2{
    margin: 0 0 2.2rem 0;
}

h3, h4{
    margin: 0 0 1rem 0;
}

h1{
    font-size: 3rem;
}

h2{
    font-size: 2.5rem;
}
h3{
    font-size: 2rem;
}
h4{
    font-size: 1.6rem;
}
h5{
    font-size: 1.3rem;
}
/** Globals **/

p{
    margin: 0 0 2.5rem 0;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
    margin: 0 0 2.5rem 0;
    padding: 0;
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}

.img-fluid{
    max-width:100%;
    height:auto;
    object-fit: cover;
    object-position:center top;
}

p#pvc_stats_{
    margin: 0;
    padding: 0 !important;
    font-size: 12px;
}
p#pvc_stats_ i{
    font-size: 8px;
}
  

p#pvc_stats_6{
    display: none;
}

/** Spinner **/

#spinner-container{
    height: 100vh;
    
    & div.logo-spin {
        & img{
            max-width:55px;
        }
        & h5{
            color: var(--dark-one);
        }    
    }
}

/*--Scroll bar--*/
/* Barra de scroll premium */
::-webkit-scrollbar {
    width: 10px;
    background-color: #041c31;
    color: #6AD9C4;
}

::-webkit-scrollbar-track {
    background-color: rgba(1, 21, 38, 0.6); /* Negro azulado con transparencia */
    border-radius: 10px;
    margin: 14px;
    border: 1px solid rgba(2, 72, 115, 0.3);
}

::-webkit-scrollbar-thumb {
    background: #4a5c67;
    border-radius: 10px;
    border: 2px solid #011526;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #586b77;
    box-shadow: inset 0 0 6px rgba(106, 217, 196, 0.6);
}

::-webkit-scrollbar-button {
    display: none; /* Oculta los botones de flecha */
}

/* Firefox 
@supports (scrollbar-color: auto) {
    html {
        scrollbar-width: thin;
        scrollbar-color: #4a5c67 #041c31;
    }
    body {
        scrollbar-width: thin;
        scrollbar-color: #4a5c67 #041c31;
    }
}*/