/*==========================================================
PRINT.CSS
Executive Portfolio
==========================================================*/

@page{

    size:A4 portrait;

    margin:16mm;

}

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

@media print{

html,
body{

    background:white !important;

    color:#000;

    width:210mm;

    height:auto;

    font-size:11pt;

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

}


/*==========================================================
DOCUMENTO
==========================================================*/

.document{

    width:100%;

    padding:0;

    margin:0;

}


/*==========================================================
PÁGINAS
==========================================================*/

.page{

    min-height:auto;

    padding:0;

    margin:0;

    page-break-after:always;

    break-after:page;

}

.page:last-child{

    page-break-after:auto;

}


/*==========================================================
NO PARTIR ELEMENTOS
==========================================================*/

.project-card,
.timeline-item,
.timeline-card,
.skill-category,
.info-card,
.education-item,
.education-content,
.metric,
.panel,
.training-sidebar,
.contact-grid>div,
.closing-card{

    page-break-inside:avoid;

    break-inside:avoid;

}


/*==========================================================
ELIMINAR EFECTOS
==========================================================*/

*{

    animation:none !important;

    transition:none !important;

    transform:none !important;

    filter:none !important;

}


/*==========================================================
QUITAR SOMBRAS
==========================================================*/

.project-card,
.timeline-card,
.skill-category,
.info-card,
.metric,
.panel,
.education-content,
.training-sidebar,
.contact-grid>div{

    box-shadow:none !important;

}


/*==========================================================
DECORACIÓN
==========================================================*/

.hero-page::before,
.hero-page::after,
.project-card::before,
.project-card::after{

    display:none !important;

}


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

a{

    text-decoration:none;

    color:inherit;

}


/*==========================================================
TIPOGRAFÍA
==========================================================*/

h1{

    font-size:34pt;

}

h2{

    font-size:20pt;

}

h3{

    font-size:14pt;

}

h4{

    font-size:11pt;

}

h5{

    font-size:10pt;

}

p{

    font-size:10.5pt;

    line-height:1.55;

}


/*==========================================================
GRID
==========================================================*/

.hero{

    grid-template-columns:2fr 1fr;

}

.cards{

    grid-template-columns:1fr 1fr;

}

.project-list{

    grid-template-columns:1fr 1fr;

}

.project-card.featured{

    grid-column:1/-1;

}

.contact-grid{

    grid-template-columns:repeat(4,1fr);

}


/*==========================================================
TIMELINE
==========================================================*/

.timeline{

    padding-left:120px;

}

.timeline-item{

    margin-bottom:22mm;

}


/*==========================================================
CHIPS
==========================================================*/

.tech-stack span,
.chip-cloud span,
.tag{

    border:1px solid #C8D2DD;

}


/*==========================================================
PORTADA
==========================================================*/

.hero-page{

    justify-content:flex-start;

}

.hero-metrics{

    margin-top:40px;

}


/*==========================================================
MÁRGENES
==========================================================*/

.section-title{

    margin-bottom:35px;

}

.separator{

    margin:25px 0;

}


/*==========================================================
COLORES
==========================================================*/

.hero-label,
.timeline-tag,
.project-role{

    color:white !important;

}


/*==========================================================
SALTOS MANUALES
==========================================================*/

.page-break{

    page-break-before:always;

    break-before:page;

}


/*==========================================================
OCULTAR ELEMENTOS WEB
==========================================================*/

.no-print{

    display:none !important;

}


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

.portfolio-footer{

    margin-top:35px;

}


/*==========================================================
FINAL
==========================================================*/

}