/*
	CSS personalizado para 03 PARTNERS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Azul Oscuro: 0087CB rgb(  0,135,203) */
/*             Gris: 999999 rgb(153,153,153) */
/*       Azul Medio: 7FC3E5 rgb(127,195,229) */
/*       Azul Claro: BFE1F2 rgb(191,225,242) */
/*   Azul Muy Claro: DFF0F8 rgb(223,240,248) */

/*     Verde Oscuro: 56AF31 rgb( 86,175, 49) */
/*      Verde Medio: AAD798 rgb(170,215,152) */
/*      Verde Claro: D4EBCB rgb(212,235,203) */
/*  Verde Muy Claro: E9F5E5 rgb(233,245,229) */

/*   Naranja Oscuro: EF7D29 rgb(239,125, 41) */
/*    Naranja Medio: F7BE94 rgb(247,190,148) */
/*    Naranja Claro: FBDEC9 rgb(251,222,201) */
/*Naranja Muy Claro: FDEEE4 rgb(253,238,228) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/****************************************** #rowCabecera *****************************************/

#rowCabecera .divCabecera { background-image: url("/wp-content/uploads/header_partners.jpg"); }

/****************************************** #rowPartners *****************************************/

#rowPartners .divPartners        { display: flex; flex-wrap: wrap; justify-content: center; }
#rowPartners .divPartners *      { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowPartners .divPartner         { padding: 10px 30px; width: 40%; }
#rowPartners .divPartner a       { display: block; line-height: 0px; }
#rowPartners .divPartner a:hover { transform: scale(1.1); }
#rowPartners .divPartner p       { margin: 0px; padding-top: 15px; font-style: italic; border-top: dotted 1px var(--color3-hex); }

@media (max-width: 1080px) { #rowPartners .divPartner { width: calc(50% - 40px); } }
@media (max-width:  980px) { #rowPartners .divPartner { padding: 10px 20px; width: calc(50% - 20px); } }
@media (max-width:  780px) { #rowPartners .divPartner { padding: 10px 15px; width: calc(50% - 10px); } }
@media (max-width:  580px) { #rowPartners .divPartner { padding: 10px 10px; width: calc(50% -  0px); } #rowPartners .divPartner p { padding-top: 10px; font-size: 14px; } }
@media (max-width:  480px) { #rowPartners .divPartner { margin-bottom: 20px; padding: 0px; width: 80%; } }
@media (max-width:  380px) { #rowPartners .divPartner { width: 90%; } }