/*==================================================
PRINT.CSS
ADA BIKER STORE
Versión 1.0
==================================================*/


/*=============================================
CONFIGURACIÓN DE PÁGINA
=============================================*/

@page{

    size:A4 portrait;

    margin:12mm;

}


/*=============================================
MANTENER COLORES Y FONDOS
=============================================*/

*{

    -webkit-print-color-adjust:exact !important;

    print-color-adjust:exact !important;

    box-shadow:none !important;

}


/*=============================================
BODY
=============================================*/

html{

    scroll-behavior:auto;

}

body{

    background:#ffffff;

    color:#111111;

}


/*=============================================
OCULTAR ELEMENTOS INNECESARIOS
=============================================*/

#header{

    display:none !important;

}

.menu-toggle{

    display:none !important;

}

.scroll-down{

    display:none !important;

}


/*=============================================
HERO
=============================================*/

.hero{

    min-height:500px !important;

    padding:70px 0 !important;

    page-break-after:always;

}

.hero-title{

    font-size:42px !important;

}

.hero-description{

    font-size:18px !important;

}

.hero-buttons{

    margin-top:30px;

}


/*=============================================
SECCIONES
=============================================*/

.section{

    page-break-after:always;

    page-break-inside:avoid;

    break-inside:avoid;

    padding:60px 0 !important;

}

.section:last-of-type{

    page-break-after:auto;

}


/*=============================================
TÍTULOS
=============================================*/

.section-title{

    font-size:34px !important;

}

.section-description{

    max-width:900px;

}


/*=============================================
PRODUCTOS
=============================================*/

.products-grid{

    gap:25px;

}

.product-card{

    page-break-inside:avoid;

    break-inside:avoid;

}

.featured-product{

    page-break-inside:avoid;

    break-inside:avoid;

}


/*=============================================
IMÁGENES
=============================================*/

img{

    max-width:100%;

    page-break-inside:avoid;

}

.hero img{

    max-width:280px;

}


/*=============================================
BOTONES
=============================================*/

.btn{

    border:2px solid #d71920;

    text-decoration:none;

}


/*=============================================
CONTACTO
=============================================*/

.contact-card{

    page-break-inside:avoid;

}

.contact-item{

    page-break-inside:avoid;

}


/*=============================================
FOOTER
=============================================*/

#footer{

    page-break-inside:avoid;

    page-break-before:avoid;

}


/*=============================================
ENLACES
=============================================*/

a{

    color:inherit;

    text-decoration:none;

}


/*=============================================
EVITAR CORTES
=============================================*/

h1,
h2,
h3,
h4,
p,
img{

    page-break-inside:avoid;

}


/*=============================================
TABLAS Y TARJETAS
=============================================*/

.card,
.product-card,
.featured-product,
.contact-card,
.why-card{

    break-inside:avoid;

    page-break-inside:avoid;

}


/*=============================================
ESPACIADO GENERAL
=============================================*/

.container{

    width:100% !important;

    max-width:100% !important;

}


/*=============================================
NO MOSTRAR BARRAS
=============================================*/

::-webkit-scrollbar{

    display:none;

}