@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, p, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, a, td, section {margin:0;padding:0;list-style: none;font-family: 'Open Sans', sans-serif;outline:0;font-size:100%;vertical-align:baseline;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
 :focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}

:root{
    --color-fondo : #16355c;
    --color-coop : #005db4;
    --color-geek: #579ba5;
    --color-m360 : #f4de32;
}


@media only screen and (max-width: 767px){

/*----------  LISTA DE SITIOS  ----------*/
.sitios-padre{width: 100%;margin: 25vw 0 0 0;}
.sitios-padre .caja-digital{display: flex;width: 90%;flex-direction: column-reverse;flex-wrap: wrap;margin: 0 auto 4.6875vw auto;position: relative;/* background: white; */}
.sitios-padre .caja-digital .capa-digital{width: 100%;/* padding-bottom: 56.25%; *//* position: relative; *//* height: 0; *//* overflow: hidden; */margin: 4.6875vw 0 0 0;} 
.sitios-padre .caja-digital .capa-digital img{width: 100%;height: auto;} 
.sitios-padre .caja-digital .capa-digital video{width: 100%;/* position: absolute; *//* height: 100%; */height: auto;} 
.sitios-padre .caja-digital .capa-digital .caja-productos{padding: 10px 30px;background: var(--color-coop);position: absolute;left: 50%;bottom: 5vw;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, 25%);z-index: 1;width: 70%;} 
.sitios-padre .caja-digital .capa-digital .caja-productos::after{content: "";position: absolute;bottom: -30%;width: 0;height: 0;left: 50%;border-width: 20px 20px;border-style: solid;border-color: var(--color-coop) transparent transparent;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, 50%);} 
.sitios-padre .caja-digital .capa-digital .caja-productos p{color: white;font-size: 4.375vw;text-align: center;} 
.sitios-padre .caja-digital .capa-digital img{width: 100%; height: auto; } 
.sitios-padre .caja-digital .contenido-titular{width: 100%;display: inline-flex;flex-direction: column;}
.sitios-padre .caja-digital .contenido-titular .titular-digital{
    margin: 0 0 4.6875vw 0;
}
.sitios-padre .caja-digital .contenido-titular .titular-digital p{font-size: 10.3125vw;color: var(--color-coop);text-transform: uppercase;font-weight: bold;text-align: center;}
.sitios-padre .caja-digital .contenido-titular .bajada-digital{}
.sitios-padre .caja-digital .contenido-titular .bajada-digital p{
    font-size: 5vw;
    color: black;
    text-align: center;
}


.sitios-padre ul.sitios-hijo{width: 90%;display: grid;grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));justify-content: start;margin: auto auto 9.375vw auto;grid-gap: 6.25vw;}
.sitios-padre ul.sitios-hijo li.item{cursor:pointer;display: flex;justify-items: center;align-items: center;/* background: white; */position: relative;flex-direction: column;}
.sitios-padre ul.sitios-hijo li.item .caja-titular {width: 100%;display: grid;grid-template-columns: 9.375vw 1fr;grid-gap: 3.125vw;align-items: center;margin-bottom: 6.25vw;/* justify-content: center; */}
.sitios-padre ul.sitios-hijo li.item a{display: block;}
.sitios-padre ul.sitios-hijo li.item .caja-titular img{width: 9.375vw;height: 9.375vw;}
.sitios-padre ul.sitios-hijo li.item .caja-titular p{font-size: 3.75vw;color: var(--color-coop);font-weight: bold;}
.sitios-padre ul.sitios-hijo li.item .caja-bajada{width: 100%;}
.sitios-padre ul.sitios-hijo li.item .caja-bajada p{font-size: 3.125vw;} 

footer{width: 100%;height: 15.625vw;background: black;display: flex;align-items: center;} 
footer .contenido-footer{display: flex;width: 95%;margin: auto;align-items: center;justify-content: space-between;}
footer .contenido-footer .logo-footer{display: inline-flex;} 
footer .contenido-footer .logo-footer img{width: 20vw;height: 10vw;}
footer .contenido-footer .mas-contenido{display: inline-flex;flex: 1;justify-content: flex-end;align-items: center;}
footer .contenido-footer .mas-contenido a.enlaces{color: white;font-size: 3.125vw;padding: 0 1.5625vw;} 

}

@media only screen and (min-width: 768px){

/*----------  LISTA DE SITIOS  ----------*/
.sitios-padre{width: 100%;/* background: white; */margin-bottom: 125px;}
.sitios-padre .caja-digital{width: 95%;max-width: 1300px;margin: 120px auto 50px auto;position: relative;display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-around;}
.sitios-padre .caja-digital::after{content:'';position:absolute;bottom: -30px;width: 100%;height: 1px;background: rgba(0, 0, 0, 0.5);}
.sitios-padre .caja-digital .capa-digital{display: inline-flex;flex: 1.5;justify-content: flex-end;/* padding-bottom: 56.25%; *//* position: relative; *//* height: 0; *//* overflow: hidden; */} 
.sitios-padre .caja-digital .capa-digital img{width: 100%;height: auto;}
.sitios-padre .caja-digital .capa-digital video{/* position: absolute; */width: 90%;height: auto;/* height: 100%; */}
.sitios-padre .caja-digital .capa-digital .caja-productos{padding: 20px 35px; background: var(--color-coop); position: absolute; left: 50%; bottom: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, 25%); z-index: 1; } 
.sitios-padre .caja-digital .capa-digital .caja-productos::after{content: ""; position: absolute; bottom: -15%; width: 0; height: 0; left: 50%; border-width: 20px 20px; border-style: solid; border-color: var(--color-coop) transparent transparent; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, 50%); } 
.sitios-padre .caja-digital .capa-digital .caja-productos p{color: white; font-size: 1.25rem; } 
.sitios-padre .caja-digital .capa-digital img{width: auto;height: auto;max-width: 100%;display: block;max-height: 300px;} 
.sitios-padre .caja-digital .contenido-titular{flex: 1;display: inline-flex;flex-direction: column;/* justify-content: center; *//* justify-items: center; *//* justify-self: center; *//* border: 5px solid red; */}
.sitios-padre .caja-digital .contenido-titular .titular-digital{width: 100%;margin: 0 0 15px 0;}
.sitios-padre .caja-digital .contenido-titular .titular-digital p{font-size: 2.0625rem;color: var(--color-coop);text-transform: uppercase;font-weight: bold;text-align: center;}
.sitios-padre .caja-digital .contenido-titular .bajada-digital{width: 100%;}
.sitios-padre .caja-digital .contenido-titular .bajada-digital p{text-align: center;font-size: 1rem;}

.sitios-padre ul.sitios-hijo{width: 95%;display: grid;/* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */grid-template-columns: repeat(4, 1fr);justify-content: start;max-width: 1300px;margin: auto;grid-gap: 30px;}
.sitios-padre ul.sitios-hijo li.item{cursor:pointer;/* min-width: 210px; *//* min-height: 190px; */display: flex;justify-items: center;align-items: center;/* background: white; */position: relative;flex-direction: column;padding: 5px;}
.sitios-padre ul.sitios-hijo li.item:hover{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.sitios-padre ul.sitios-hijo li.item .caja-titular {width: 100%;display: grid;grid-template-columns: 50px 1fr;grid-gap: 15px;align-items: center;margin: 0 0 30px 0;min-height: 80px;}
.sitios-padre ul.sitios-hijo li.item a{display: inline-block;}
.sitios-padre ul.sitios-hijo li.item .caja-titular img{max-height: 80px;max-width: 105px;display: block;margin: auto;}
.sitios-padre ul.sitios-hijo li.item .caja-titular p{font-size: 1.25rem;color: var(--color-coop);font-weight: bold;/* flex: 1; */display: inline-block;}
.sitios-padre ul.sitios-hijo li.item .caja-bajada{}
.sitios-padre ul.sitios-hijo li.item .caja-bajada p{font-size: 0.75rem;} 

footer{width: 100%;background: black;display: flex;align-items: center;min-height: 90px;} 
footer .contenido-footer{display: flex;max-width: 1300px;width: 95%;justify-content: space-between;align-items: center;margin: auto;}
footer .contenido-footer a.logo-footer{display: inline-flex;}
footer .contenido-footer a.logo-footer img{min-width:130px;height: auto;max-height: 80px;}
footer .contenido-footer .mas-contenido{display: inline-flex;flex: 1;justify-content: flex-end;}
footer .contenido-footer .mas-contenido a.enlaces:hover{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
footer .contenido-footer .mas-contenido a.enlaces{color: white;font-size: 1rem;padding: 15px;} 
}

@media only screen and (max-width: 1000px) and (min-width: 768px){
    .sitios-padre ul.sitios-hijo{
    /* grid-template-columns: repeat(2, minmax(350px, 1fr)); */
    /* border: 5px solid peru; */
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
    grid-template-columns: repeat(2, 1fr);
}
}