﻿@media(min-width:1400px)  /*XXL*/
{
}
@media (min-width: 1200px)  and (max-width: 1399px) /*XL*/
{
   .iatf_16949 .cabecera .capa-texto { font-size: 15pt !important; }
   .iatf_16949 .ejemplo-procesos img { max-width : 435px !important;  min-width : 435px !important; }
}

@media (min-width: 992px)  and (max-width: 1199px) /*LG*/
{
   .iatf_16949 .cabecera .capa-texto { font-size: 14pt !important; }
   .iatf_16949 .cabecera .capa-img img { width: 100% !important; }

   .iatf_16949 .ejemplo-procesos img { max-width: 285px !important; min-width: 285px !important; max-height: auto !important; min-height: auto !important; }
}

@media (min-width: 768px)  and (max-width: 991px) /*MD*/
{
   .iatf_16949 .cabecera .capa-texto { font-size: 13pt !important; }
   .iatf_16949 .cabecera .capa-img img { width: 100% !important; }
   .iatf_16949 .cabecera .row:nth-child(1) { display: flex; flex-direction: row; }
   .iatf_16949 .cabecera .capa-texto { order : 1; margin: 0px !important; padding: 30px 30px 0px 30px !important;}

   .iatf_16949 .ejemplo-procesos .capa-imagenes { text-align: center !important; }
   .iatf_16949 .ejemplo-procesos .capa-textos { padding: 20px 30px 20px 30px !important; }
   .iatf_16949 .ejemplo-procesos .bloque { display : none !important }
   .iatf_16949 .ejemplo-procesos .accordion { display : block !important }
}

@media (min-width: 576px)  and (max-width: 767px) /*SM*/
{   
   .iatf_16949 .cabecera .capa-texto { font-size: 13pt !important; }
   .iatf_16949 .cabecera .capa-img img { width: 100% !important; }
   .iatf_16949 .cabecera .row:nth-child(1) { display: flex; flex-direction: row; }
   .iatf_16949 .cabecera .capa-texto { order : 1; margin: 0px !important; padding: 30px 30px 0px 30px !important;}

   .iatf_16949 .cabecera .capa-img { text-align: center !important; }

   .iatf_16949 .ejemplo-procesos .capa-imagenes { text-align: center !important; }
   .iatf_16949 .ejemplo-procesos .capa-textos { padding: 20px 30px 20px 30px !important; }
   .iatf_16949 .ejemplo-procesos .titulo h3 { font-size: 18pt !important; }
   .iatf_16949 .ejemplo-procesos .bloque { display : none !important }
   .iatf_16949 .ejemplo-procesos .accordion { display : block !important }
}

@media (min-width: 0px)  and (max-width: 575px) /*XS*/
{   
   .iatf_16949 .cabecera .capa-texto { font-size: 13pt !important; }
   .iatf_16949 .cabecera .capa-img img { width: 100% !important; }
   .iatf_16949 .cabecera .row:nth-child(1) { display: flex; flex-direction: row; }
   .iatf_16949 .cabecera .capa-texto { order : 1; margin: 0px !important; padding: 30px 30px 0px 30px !important;}

   .iatf_16949 .cabecera .capa-img { text-align: center !important; }

   .iatf_16949 .ejemplo-procesos .capa-imagenes { text-align: center !important; }
   .iatf_16949 .ejemplo-procesos .capa-textos { padding: 20px 30px 20px 30px !important; }
   .iatf_16949 .ejemplo-procesos .titulo h3 { font-size: 16pt !important; }
   .iatf_16949 .ejemplo-procesos img { max-width: 90% !important; min-width: 90% !important; max-height: 90% !important; min-height: 90% !important; }
   .iatf_16949 .ejemplo-procesos .bloque { display : none !important }
   .iatf_16949 .ejemplo-procesos .accordion { display : block !important }
}





.iatf_16949 .cabecera 
{
   background-color : rgba(0, 0, 0, 0.05);
   border-top       : 1px solid rgba(0, 0, 0, 0.05);
   padding-bottom   : 50px;
}
.iatf_16949 .cabecera .row
{
   margin-top: 45px;
}
.iatf_16949 .cabecera .capa-img
{
   text-align: left;
}
.iatf_16949 .cabecera .capa-img img
{
   max-width   : 208px;
   margin-top : -3px;
}
.iatf_16949 .cabecera .capa-texto 
{
   font-size : 16pt;
   margin    : 35px 0px 0px 0px;
}


.iatf_16949 .ejemplo-procesos
{
   padding-bottom : 70px;
}
.iatf_16949 .ejemplo-procesos .titulo
{
   padding : 50px 0px 50px 0px;
}
.iatf_16949 .ejemplo-procesos .bloque 
{
   height        : 95%;
   border-top    : 1px solid rgb(0,0,0, 0.1);
   border-left   : 1px solid rgb(0,0,0, 0.1);
   border-right  : 1px solid rgb(0,0,0, 0.1);
   border-bottom : 8px solid #DC092C;
   border-radius : 0.5rem !important;
   box-shadow    : 0px 0px 10px 0px rgb(0 0 0 / 10%);
   margin        : 0px 5px 0px 5px;
}
.iatf_16949 .ejemplo-procesos img
{
   max-width  : 465px;   
   min-width  : 465px;   
   max-height : 255px;
   min-height : 255px;
}
.iatf_16949 .ejemplo-procesos button
{
   border     : none;
   background : none;
}
.iatf_16949 .ejemplo-procesos .capa-imagenes div
{
   display: none;
}
.iatf_16949 .ejemplo-procesos .capa-imagenes div.selected
{
   display   : inline !important;
}
.iatf_16949 .ejemplo-procesos .capa-menus 
{
   padding     : 10px 0px 0px 20px;
   line-height : 40px;
   background  : #f9f9f9;
}
.iatf_16949 .ejemplo-procesos .capa-menus div
{
   border-bottom : 1px solid lightgrey;
   padding-left  : 10px;
   margin-right  : 10px;
   cursor        : pointer;
   font-weight   : bold;
   line-height   : 22px;
   padding       : 10px 0px 10px 10px;
}
.iatf_16949 .ejemplo-procesos .capa-menus div.selected
{
   color       : #DC0A2D;
   font-weight : bold;
}
.iatf_16949 .ejemplo-procesos .capa-textos
{
   padding: 20px 10px 20px 10px;
}
.iatf_16949 .ejemplo-procesos .capa-textos div
{
   display : none;
}
.iatf_16949 .ejemplo-procesos .capa-textos div.selected
{
   display : inline !important;
}
.iatf_16949 .ejemplo-procesos .capa-imagenes
{
   padding: 20px;
}

.iatf_16949 .ejemplo-procesos .accordion
{
   display : none;

    background: #FFFFFF;
    height: 100%;
    border-top: 1px solid rgb(0,0,0, 0.1);
    border-left: 1px solid rgb(0,0,0, 0.1);
    border-right: 1px solid rgb(0,0,0, 0.1);
    border-bottom: 8px solid #DC092C;
    border-radius: 0.5rem!important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.iatf_16949 .ejemplo-procesos .accordion .accordion-header button
{
   font-weight : bold;
}
.iatf_16949 .ejemplo-procesos .accordion .imagen
{
   text-align : center;
}





.iatf_16949 .container-bloque-kit
{
   margin-bottom : 25px;
   
}
.iatf_16949 .container-bloque-kit .tit3
{
    margin    : 0px 0px 30px 0px;
    font-size : 11pt;
}
.iatf_16949 .kits 
{
   background-color : rgba(0, 0, 0, 0.05);    
   padding          : 50px 0px 20px 0px;  
}
.iatf_16949 .kits .container
{
   height         : 100%;
   max-height     : 100%;   
   padding-bottom : 50px
}


.iatf_16949 .kits .container .bloque-kit
{
   background    : #FFFFFF;
   height        : 100%;
   border-top    : 1px solid rgb(0,0,0, 0.1);
   border-left   : 1px solid rgb(0,0,0, 0.1);
   border-right  : 1px solid rgb(0,0,0, 0.1);
   border-bottom : 8px solid #DC092C;
   border-radius : 0.5rem!important;
   box-shadow    : 0px 0px 10px 0px rgba(0,0,0,0.1);
   padding       : 50px;
   margin-top     : 25px;
}

.iatf_16949 .kits .container .bloque-kit .sub-titulo2
{
   font-family : WorkSansBold;
   margin      : 0px 0px 30px 0px;
   font-size   : 19pt;
}
.iatf_16949 .kits .container .bloque-kit .sub-titulo2 span
{
   font-size : 12pt;
   color : grey;
   font-family : WorkSansBold;
}

.iatf_16949 .kits .container .bloque-kit .sub-titulo1
{
   color       : #DC092C;
   margin      : 20px 0px 0px 0px;
   font-family : WorkSansBold;
   font-size   : 13pt;
}
.iatf_16949 .kits .container .bloque-kit .accordion
{
   margin : 0px 0px 10px 0px;
}
.iatf_16949 .kits .container .bloque-kit .accordion .accordion-button
{
   font-family: 'WorkSansBold';
}

.iatf_16949 .kits .container ul li
{
   margin : 10px 0px 0px 0px
}

.iatf_16949 .accordion-button::after 
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.0.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath d='M356.7 212.7L256 313.4L155.3 212.7c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l112 112C247.8 350.4 251.9 352 256 352s8.188-1.562 11.31-4.688l112-112c6.25-6.25 6.25-16.38 0-22.62S362.9 206.4 356.7 212.7zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480z'/%3E%3C/svg%3E");
}
.iatf_16949 .accordion-button:not(.collapsed)::after 
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.0.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM267.3 164.7C264.2 161.6 260.1 160 256 160S247.8 161.6 244.7 164.7l-112 112c-6.25 6.25-6.25 16.38 0 22.62s16.38 6.25 22.62 0L256 198.6l100.7 100.7c6.25 6.25 16.38 6.25 22.62 0s6.25-16.38 0-22.62L267.3 164.7z'/%3E%3C/svg%3E");
   transform       : rotate(-360deg);
}



.iatf_16949 .accordion-button:not(.collapsed)
{
   color : #FFFFFF !important;
   background-color : #DC092C !important;
}

.iatf_16949 .accordion-button:focus
{
   border : none !important;
   box-shadow : none !important;
}



.iatf_16949 .logos .container
{
   margin  : 0 auto;
   padding : 50px 0px 50px 0px;
}

.iatf_16949 .logos img
{
   width : 100%;
   padding : 0px 50px 0px 50px;
}


.iatf_16949 .accordion-body
{
   font-size : 11pt;
}

.iatf_16949 .accordion-body div
{
   margin-bottom: 20px;
   text-align: justify;
}

.iatf_16949 .otros_kits .titulo 
{
   padding: 40px 0px 20px 0px
}
.iatf_16949 .otros_kits .normas-iso
{
   padding : 40px 0px 60px 0px;
}