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;
}

body{background:#333;}
@media only screen and (max-width: 767px){

/*----------  LISTA DE SITIOS  ----------*/
.sitios-padre{width: 100%;background:#333;margin:15vw 0 0 0;}
.sitios-padre .player{width: 100%;margin: auto;position: relative;padding-bottom: 56.25%;height: 0;}
.sitios-padre .player .capa-player{width: 100%;margin: auto;} 
.sitios-padre .player .capa-player .caja-productos{display: none; 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 .player .capa-player .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 .player .capa-player .caja-productos p{color: white;font-size: 4.375vw;text-align: center;} 
.sitios-padre .player .capa-player img{width: 100%; height: auto; } 
.sitios-padre .player .capa-player video{width: 100%; height: auto; } 

.sitios-padre ul.sitios-hijo{width: 100%;/* display: flex; *//* flex-wrap: wrap; *//* flex-direction: row; *//* justify-content: flex-start; */display: grid;grid-template-columns: repeat(2, minmax(49vw, 1fr));grid-gap: 0.625vw;margin: 0.625vw auto;}
.sitios-padre ul.sitios-hijo a.item{min-height: 50vw;display: inline-flex;align-items: center;background: white;position: relative;/* flex-grow: 1; */cursor: pointer;/* width: 50vw; *//* flex-grow: 1; */}
.sitios-padre ul.sitios-hijo a.item.color-coop{background: var(--color-coop);}
.sitios-padre ul.sitios-hijo a.item.color-m360{background: var(--color-m360);}
.sitios-padre ul.sitios-hijo a.item.color-geek{background: var(--color-geek);}

.sitios-padre ul.sitios-hijo a.item .caja-logo{position: relative;/* background: url(https://lh3.googleusercontent.com/-vxQwquqFF0w/UXP-87VRPyI/AAAAAAAAFdM/g8PlNuj5oXg/s500/brillo.png) no-repeat center; */background-size: contain;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;/* background-position: -200px 0px; */} 
.sitios-padre ul.sitios-hijo a.item .caja-logo:before{position: absolute;content: "";width: 100px;height: 100%;background-color: rgba(255,255,255,.3);top: 0;left: -200px;-webkit-transform: skewX(-30deg);-ms-transform: skewX(-30deg);-o-transform: skewX(-30deg);transform: skewX(-30deg);-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.sitios-padre ul.sitios-hijo a.item:hover .caja-logo:before{left: 600px;}

.sitios-padre ul.sitios-hijo a.item .caja-logo div{width: auto;display: block;margin: auto;}
.sitios-padre ul.sitios-hijo a.item .caja-logo div img{width: 100%;min-height: 40vw;margin: auto;display: block;max-width: 40vw;}

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 .logo-contacto{display: inline-flex;}
footer .contenido-footer .logo-contacto p{color: white;font-size: 5vw;}
}

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

/*----------  LISTA DE SITIOS  ----------*/
.sitios-padre{width: 100%;background: #333;padding: 95px 0 0 0;}
.sitios-padre .player{width: 100%;/* max-width: 1300px; */margin: auto;position: relative;height: 50vh;}
.sitios-padre .player .capa-player{width: 50%; margin: auto; } 
.sitios-padre .player .capa-player .caja-productos{display: none; 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 .player .capa-player .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 .player .capa-player .caja-productos p{color: white; font-size: 1.25rem; } 
.sitios-padre .player .capa-player img{width: 100%; height: auto; } 
.sitios-padre .player .capa-player video{width: 100%; height: auto;}

.sitios-padre ul.sitios-hijo{width: 100%;display: grid;/* grid-template-columns: repeat(4, minmax(320px, 1fr)); */grid-template-columns: repeat(4, 1fr);justify-content: start;/* max-width: 1300px; */grid-gap: 7px;margin: 7px auto;}
.sitios-padre ul.sitios-hijo a.item{/* min-width: 320px; */min-height: 320px;display: inline-flex;justify-items: center;align-items: center;width: 100%;background: white;position: relative;cursor: pointer;overflow: hidden;}
.sitios-padre ul.sitios-hijo a.item.color-coop{background: var(--color-coop);}
.sitios-padre ul.sitios-hijo a.item.color-m360{background: var(--color-m360);}
.sitios-padre ul.sitios-hijo a.item.color-geek{background: var(--color-geek);}
.sitios-padre ul.sitios-hijo a.item .caja-logo{position: relative;/* background: url(https://lh3.googleusercontent.com/-vxQwquqFF0w/UXP-87VRPyI/AAAAAAAAFdM/g8PlNuj5oXg/s500/brillo.png) no-repeat center; */background-size: contain;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;/* background-position: -200px 0px; */} 
.sitios-padre ul.sitios-hijo a.item .caja-logo:before{position: absolute;content: "";width: 100px;height: 100%;background-color: rgba(255,255,255,.3);top: 0;left: -225px;-webkit-transform: skewX(-30deg);-ms-transform: skewX(-30deg);-o-transform: skewX(-30deg);transform: skewX(-30deg);-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.sitios-padre ul.sitios-hijo a.item:hover .caja-logo:before{left: 1100px;}
.sitios-padre ul.sitios-hijo a.item .caja-logo div{display: block;width: 65%;height: auto;padding: 10px 0;}
.sitios-padre ul.sitios-hijo a.item .caja-logo div img{width: 100%;height: auto;max-height: 320px;}

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 .logo-footer{display: inline-flex;} 
footer .contenido-footer .logo-footer img{max-height: 50px;min-width: 130px;display: block;}
footer .contenido-footer .logo-contacto{display: inline-flex;}
footer .contenido-footer .logo-contacto p{color: white;font-size: 1rem;}
}

@media only screen and (max-width: 1000px) and (min-width: 768px){
	.sitios-padre ul.sitios-hijo{grid-template-columns: repeat(2, 1fr);}
}