
/* CSS RESET */
.layoutContent {
	margin-top: 0 !important;
}

.contentWrap {
    width: 100% !important;
}

.siteFooter {
    margin-top: 0 !important;
}

/* Cambiar color del texto al pasar el cursor */
.navigation li a:hover {
    color: var(--cochesnet--preset--color--terciary-light) !important; /* Cambia el color del texto al pasar el cursor */
}

.navigation li a:hover {
    color: #BDD3F9 !important; /* Cambia el color del texto al pasar el cursor */
}


.cp-button {
	font-size: var(--cochesnet--base-font-size) !important;
	line-height: var(--cochesnet--base-font-line-height) !important;
	width: auto !important;
	height: 48px!important;
	min-width: 120px!important;
	padding: 12px 16px 12px 16px !important;
	border-radius: 40px!important;
	opacity: 0px !important;
	background-color: var(--cochesnet--preset--color--primary)  !important;
	color: var(--cochesnet--preset--color--white) !important;
    transition: background-color 0.3s ease, color 0.3s ease  !important;
    display:block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    border: 0px !important;

}

.cp-button:hover {
    text-decoration: none;
    background-color: var( --cochesnet--preset--color--primary-dark) !important;

}

@media (min-width: 768px) {
    .cp-button {
        display:inline-block;

        width: auto !important;
        margin-bottom: 0;
    }
}




:root { 
    --cochesnet--base-font-size: 16px;
    --cochesnet--base-font-weight: 400px;
    --cochesnet--base-font-line-height: 24px;
    --cochesnet--wrapper-width: clamp(740px, 100%, 1160px);
    --cochesnet--gap: 30px;
 
    --cochesnet--preset--primary-font: "Poppins", "Arial", "Helvetica", sans-serif;
    --cochesnet--preset--headings-font: "Poppins", "Arial", "Helvetica", sans-serif;
    --cochesnet--preset--font-size--small: 12px;
    --cochesnet--preset--font-size--regular: 14px;

    --cochesnet--preset--font-size--h-1: clamp(32px, 2vw + 1rem , 40px);
    --cochesnet--preset--font-size--h-2: clamp(28px, 2vw + 1rem , 32px);
    --cochesnet--preset--font-size--h-3: clamp(20px, 2vw + 1rem , 24px);
    --cochesnet--preset--font-size--h-4: clamp(18px, 2vw + 1rem , 20px);
    --cochesnet--preset--font-size--h-subhead: clamp(18px, 2vw + 1rem , 18px);

    --cochesnet--preset--line-height--h-1: clamp(32px, 2vw + 1rem , 48px);
    --cochesnet--preset--line-height--h-2: clamp(28px, 2vw + 1rem , 40px);
    --cochesnet--preset--line-height--h-3: clamp(20px, 2vw + 1rem , 30px);
    --cochesnet--preset--line-height--h-4: clamp(18px, 2vw + 1rem , 27px);
    --cochesnet--preset--line-height--h-subhead: clamp(18px, 2vw + 1rem , 24px);

    --cochesnet--preset-spacing--xs: clamp(0.75rem, 1vw + 0.5rem, 1rem);
    --cochesnet--preset-spacing--s: clamp(1rem, 1vw + 0.5rem, 1.5rem);
    --cochesnet--preset-spacing--m: clamp(1.5rem, 1vw + 0.5rem, 2.5rem);
    --cochesnet--preset-spacing--l: clamp(2rem, 1vw + 0.5rem, 4rem);
    --cochesnet--preset-spacing--xl: clamp(2.5rem, 1vw + 0.5rem, 5rem);
    --cochesnet--preset-spacing--xxl: clamp(5rem, 1vw + 0.5rem, 7.5rem);

    
    --cochesnet--preset--lg-radius--s: 4px;
    --cochesnet--preset--lg-radius--m: 16px;
    --cochesnet--preset--lg-radius--l: 20px;

    --cochesnet--preset--lg-transition--default: 0.3s;
    --cochesnet--preset--lg-transition--fast: 0.1s;
    --cochesnet--preset--lg-transition--slow: 0.5s;

    --cochesnet--preset--color--primary: #E60E27;
    --cochesnet--preset--color--secondary: #000E23;
    --cochesnet--preset--color--terciary: #2323CB;
    --cochesnet--preset--color--white: #FFFFFF;
    --cochesnet--preset--color--background: #EEF0F4;
    --cochesnet--preset--color--primary-dark: #B21229;
    --cochesnet--preset--color--primary-light: #F3A59E;
    --cochesnet--preset--color--terciary-light: #BDD3F9;
    --cochesnet--preset--color--gray-70: #434B51;
    --cochesnet--preset--color--gray-50: #606F80;
    --cochesnet--preset--color--gray-30: #D3D8DE;
    --cochesnet--preset--color--gray-10: #EEEEFF;


}
