@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;}
a:hover{text-decoration:none;}

:root{
    --color-fondo : #16355c;
    --color-coop : #005db4;
    --color-naranjo : #d27530;
}

@media only screen and (max-width: 767px){
.sitios-padre{width: 100%;background: white;margin:20vw 0 0 0;}
.sitios-padre .contenedor-titular{display: flex;width: 95%;margin: 9.375vw auto auto auto;}
.sitios-padre .contenedor-titular .titular-portadilla{width: 100%;display: flex;flex-direction: column;} 
.sitios-padre .contenedor-titular .titular-portadilla p{font-size: 10vw;color: var(--color-coop);font-weight: bold;text-align: center;} 
.sitios-padre .contenedor-titular .titular-portadilla span.img-formato{/* background: url(http://especiales2.cooperativa.cl/apps/imag/2020/media_kit/pes_naranja-01.svg) no-repeat center; */background: var(--color-naranjo);width: 46.875vw;height: 17.1875vw;border-radius: 5px;background-size: 100%;position: relative;display: inline-flex;margin: auto;justify-content: center;align-items: center;}
.sitios-padre .contenedor-titular .titular-portadilla span.img-formato p{font-size: 5vw;color: white;font-weight: bold;}

.sitios-padre .contenedor-categorias{width: 95%;margin:1.5625vw auto 3.125vw auto;/* display: none; */}
.sitios-padre .contenedor-categorias .titular-categorias{width: 100%;display: inline-flex;align-items: center;justify-content: flex-start;position: relative;} 
.sitios-padre .contenedor-categorias .titular-categorias::after{content:'';position: absolute;bottom: -2vw;width: 100%;background: var(--color-coop);height: 1px;display: none;}

.sitios-padre .contenedor-categorias .titular-categorias p{font-size: 3.125vw;color: var(--color-coop);font-weight: bold;} 
.sitios-padre .contenedor-categorias ul.listado-segundo{width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;margin: auto;white-space: nowrap;overflow-x: auto;}
.sitios-padre .contenedor-categorias ul.listado-segundo li{display: inline-flex;align-items: center;position: relative;margin-right: 4.6875vw;/* flex-grow: 1; */}

.sitios-padre .contenedor-categorias ul.listado-segundo li a{width: 100%;color: var(--color-coop);text-align: center;font-size: 3.125vw;padding: 3.125vw 0;text-transform: uppercase;}
.sitios-padre .contenedor-categorias ul.listado-segundo li a.active{font-weight: bold;}

.sitios-padre .contenedor-categorias ul.listado-segundo li::after{content:'|';position: absolute;right: -3.5vw;}
.sitios-padre .contenedor-categorias ul.listado-segundo li:last-child::after{display:none;}

.sitios-padre .caja-item{width: 95%;position: relative;display: block;margin: 9.375vw auto;}
.sitios-padre .caja-item .capa-img{width: 100%;display: block;background: var(--color-fondo);} 
.sitios-padre .caja-item .capa-img img{width: auto;max-height: 93.75vw;display: block;margin: auto;max-width: 100%;} 
.sitios-padre .caja-item .capa-img video{}
.sitios-padre .caja-item ul.contenido-detalle{display: inline-flex;flex-direction: column;width: 100%;}
.sitios-padre .caja-item ul.contenido-detalle li{
    margin: 3.125vw 0 0 0;
}
.sitios-padre .caja-item ul.contenido-detalle .categoria{width: 100%;margin: 0 0 30px 0;}
.sitios-padre .caja-item ul.contenido-detalle .categoria p{color: var(--color-coop);font-weight: bold;font-size: 7.5vw;padding: 15px 0;text-transform: uppercase;text-align: center;}
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner {width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(45vw, 1fr));grid-gap: 3.125vw;/* justify-items: center; *//* align-items: center; */}
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner .category-menu{display: inline-grid;align-items: center;justify-content: center;color: white;text-transform: lowercase;padding: 3.125vw;border-radius: 5px;font-weight: bold;background: var(--color-coop);} 
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner .category-menu:hover{background: var(--color-naranjo);cursor: pointer;}

.sitios-padre .caja-item ul.contenido-detalle a.enlace{border-bottom: 1px solid var(--color-coop);display: flex;justify-content: space-between;align-items: center;padding: 0 0 15px 0;} 
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.enlace-detalle{color: var(--color-coop);font-size: 4.375vw;text-transform: uppercase;width: 75vw;/* flex: 1; */}
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.img-detalle{background: var(--color-coop);background-size: contain;border-radius: 5px;width: 25vw;height: 10.9375vw;position: relative;display: inline-flex;justify-content: center;align-items: center;transition: all 0.5s linear;} 
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.img-detalle p{color: white;text-transform: uppercase;font-weight: bold;font-size: 3.75vw;} 

.paginador-detalle {/* border: 1px solid red; */width: 100%;height: 100px;display: flex;align-items: center;justify-content: center;}
.paginador-detalle a {color: white;background: var(--color-coop);padding: 10px 15px;margin-right: 10px;text-decoration: none;font-size: 0.875rem;font-weight: bold;}
.paginador-detalle a.aktif {background: var(--color-fondo) !important;color: white;}
.paginador-detalle a:hover {background: #d0752f;color: white;}
.hidden {display: none; }

/*---------- CAJA DE ESPECIFICACIONES ----------*/
/*.sidenav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);background-color: #00345b;}
.sidenav::-webkit-scrollbar {width: 0;background-color: #043759;}
.sidenav::-webkit-scrollbar-thumb {background-color: #00345b;border: 0px solid #555555;}*/

.sitios-padre nav.menu-cerrado{position: fixed;z-index: 10;top: -2em;right: 0;bottom: -2em;left: 0;visibility: hidden;transition: visibility 0.2s ease;transition: opacity 0.2s ease;opacity: 0.8;background: rgba(0, 0, 0, 0.5);will-change: opacity;}
.sitios-padre nav.menu-cerrado.menu-abierto{visibility: visible;opacity: 1;}
.sitios-padre nav.menu-cerrado .sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: var(--color-coop);overflow-y: scroll;overflow-x: hidden;transition: 0.5s;padding: 12.5vw 0;box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);}

.sitios-padre .sidenav .caja-tecnica{display: flex;width: 90%;position: relative;flex-direction: column;align-items: center;justify-content: space-around;margin: 3.125vw auto 0 auto;} 
.sitios-padre .sidenav .caja-tecnica .capa-img{display: inline-flex;width: 100%;flex-direction: column;/* background: var(--color-fondo); */position: relative;/* padding-bottom: calc(9/16*100%); */} 
.sitios-padre .sidenav .caja-tecnica .capa-img figure{display: block;width: 100%;margin: auto;}
.sitios-padre .sidenav .caja-tecnica .capa-img img{width: auto;margin: 0 auto 9.375vw auto;max-width: 100%;max-height: 93.75vw;}
/*.sitios-padre .sidenav .caja-tecnica .capa-img a{
    font-size: .7rem;
    color: #9e9e9e;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    right: 0;
    bottom: 9.375vw;
    padding: 10px;
    background: white;
    }*/
.sitios-padre .sidenav .caja-tecnica .capa-img video{display: block;width: 100%; height: auto;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo{display: inline-flex;flex-direction: column;width: 100%;margin: 4.6875vw 0 0 0;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .contenido-titular{
}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .contenido-titular p{font-size: 4.0625vw;text-transform: uppercase;color: white;font-weight: bold;}

.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo{}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo p strong{color: var(--color-naranjo);font-weight:bold;text-transform: uppercase;/* font-size: 3.75vw; */}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo p.chico{font-size: 2.5vw;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo p{color: white;font-size: 3.125vw;padding: 1.5625vw 0;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo ul{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: space-around;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo ul li{color: white;font-weight: bold;font-size: 3.125vw;text-transform: uppercase;list-style: circle;}

.sitios-padre .sidenav .closebtn {position: absolute;top: 2.5vw;right: 2.5vw;font-size: 5vw;text-shadow: 0 1px 0 #fff;color: white;font-weight: bold;border: 2px solid white;border-radius: 100%;width: 10.9375vw;height: 10.9375vw;text-align: center;background: orange;text-transform: uppercase;display: flex;justify-content: center;align-items: center;}
.sitios-padre .sidenav .closebtn:hover{background: var(--color-fondo);transition: 0.5s linear;-webkit-transition: 0.5s linear;}
.sitios-padre .sidenav .closebtn::after{content: 'x';}

/*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;}*/

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){

.sitios-padre{width: 100%;background: white;padding: 100px 0 30px 0;}
.sitios-padre .contenedor-titular{display: flex;width: 95%;max-width: 1300px;margin: auto;justify-content: flex-start;}
.sitios-padre .contenedor-titular .titular-portadilla{width: 50%;display: flex;flex-direction: column;} 
.sitios-padre .contenedor-titular .titular-portadilla p{font-size: 3.125rem;color: var(--color-coop);font-weight: bold;font-weight: bold;} 
.sitios-padre .titular-portadilla span.img-formato{width: 100%;position: relative;display: inline-flex;justify-content: flex-end;}
.sitios-padre .contenedor-titular .titular-portadilla span.img-formato p{font-size: 1.4375rem;color: white;text-transform: uppercase;font-weight: normal;width: 150px;height: 35px;background: var(--color-naranjo);display: flex;justify-content: center;align-items: center;border-radius: 5px;}

.sitios-padre .contenedor-categorias{width: 95%;max-width: 1300px;/* display: grid; *//* grid-template-columns: auto 1fr; */margin: 0 auto 30px auto;padding: 0 0 10px 0;border-bottom: 1px solid #0066ff;display: none;}
.sitios-padre .contenedor-categorias .titular-categorias{width: 100%;} 
.sitios-padre .contenedor-categorias .titular-categorias p{font-size: 0.875rem;color: var(--color-coop);font-weight: bold;/* display: table-cell; *//* vertical-align: middle; */} 
.sitios-padre .contenedor-categorias ul.listado-segundo{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));grid-gap: 15px;}
.sitios-padre .contenedor-categorias ul.listado-segundo li{align-self: center;position: relative;margin-right: 30px;}

.sitios-padre .contenedor-categorias ul.listado-segundo li::after{content:'|';position: absolute;right: -15%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.sitios-padre .contenedor-categorias ul.listado-segundo li:last-child::after{display:none;}
.sitios-padre .contenedor-categorias ul.listado-segundo li:last-child{}

.sitios-padre .contenedor-categorias ul.listado-segundo li a{display: block;width: 100%;padding: 10px;color: #0047b2;text-align: center;font-size: 0.875rem;text-transform: uppercase;}
.sitios-padre .contenedor-categorias ul.listado-segundo li a.active{font-weight: bold;}

.sitios-padre .caja-item{display: flex;width: 95%;position: relative;flex-direction: row;align-items: center;justify-content: space-around;margin: 30px auto;max-width: 1300px;/* border: 5px solid orange; */max-height: 200px;} 

.sitios-padre .caja-item .capa-img{display: inline-flex;flex: 1;justify-content: flex-start;/* position: relative; *//* padding-bottom: 56.25%; *//* height: 0; *//* background: var(--color-coop); */} 
.sitios-padre .caja-item .capa-img img{display: block;/* margin: auto; */width: auto;max-width: 100%;max-height: 200px;}
.sitios-padre .caja-item ul.contenido-detalle{display: inline-flex;flex-direction: column;flex: 2;margin: 0 0 0 30px;}
.sitios-padre .caja-item ul.contenido-detalle li p{font-size: 1rem;padding:0 0 0 10px;}
.sitios-padre .caja-item ul.contenido-detalle .categoria{width: 100%;margin: 0 0 30px 0;}
.sitios-padre .caja-item ul.contenido-detalle .categoria p{color: var(--color-coop);font-weight: bold;font-size: 1.5rem;padding: 15px 0;}
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner {width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 10px;}
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner .category-menu{display: inline-grid; align-items: center; justify-content: center; color: white; text-transform: lowercase; padding: 10px 5px; border-radius: 5px; font-weight: bold; background: var(--color-coop); } 
.sitios-padre .caja-item ul.contenido-detalle .categoria .categoria-banner .category-menu:hover{background: var(--color-naranjo);cursor: pointer;}

.sitios-padre .caja-item ul.contenido-detalle a.enlace{width: 100%;border-bottom: 1px solid var(--color-coop);display: inline-grid;grid-template-columns: 1fr 150px;justify-content: space-between;align-items: center;padding: 15px 10px;} 
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.enlace-detalle{color: var(--color-coop);font-size: 2rem;}
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.img-detalle{/* background: url(http://especiales2.cooperativa.cl/apps/imag/2020/media_kit/pes_azul-01.svg) no-repeat center; *//* background-size: 100%; */width: 150px;height: 40px;background-size: 100%;position: relative;display: inline-flex;justify-content: center;align-items: center;transition: all 0.3s linear;-webkit-transition: 0.3s linear;background: var(--color-coop);border-radius: 5px;} 
.sitios-padre .caja-item ul.contenido-detalle li a.enlace span.img-detalle:hover{background: var(--color-naranjo);}
.sitios-padre .caja-item ul.contenido-detalle a.enlace span.img-detalle p{text-transform: uppercase;font-weight: bold;font-size: 1.4375rem;padding: 0;} 

.paginador-detalle {/* border: 1px solid red; */width: 100%;height: 100px;display: flex;align-items: center;justify-content: center;}
.paginador-detalle a {color: white;background: var(--color-coop);padding: 10px 15px;margin-right: 10px;text-decoration: none;font-size: 0.875rem;font-weight: bold;}
.paginador-detalle a.aktif {background: var(--color-fondo) !important;color: white;}
.paginador-detalle a:hover {background: #d0752f;color: white;}
.hidden {display: none; }

/*---------- CAJA DE ESPECIFICACIONES ----------*/
/*.sidenav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);background-color: #00345b;}
.sidenav::-webkit-scrollbar {width: 0;background-color: #043759;}
.sidenav::-webkit-scrollbar-thumb {background-color: #00345b;border: 0px solid #555555;}*/

.sitios-padre nav.menu-cerrado{position: fixed;z-index: 10;top: -2em;right: 0;bottom: -2em;left: 0;visibility: hidden;transition: visibility 0.2s ease;transition: opacity 0.2s ease;opacity: 0.8;background: rgba(0, 0, 0, 0.5);will-change: opacity}
.sitios-padre nav.menu-cerrado.menu-abierto{visibility: visible;opacity: 1;}
.sitios-padre nav.menu-cerrado .sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: var(--color-coop);overflow-y: auto;overflow-x: hidden;transition: 0.5s;padding-top: 60px;box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);}

.sitios-padre .sidenav .caja-tecnica{display: flex;width: 95%;position: relative;flex-direction: row;align-items: flex-start;justify-content: space-between;margin: 30px auto;/* border: 5px solid orange; */} 
.sitios-padre .sidenav .caja-tecnica .capa-img{display: inline-flex;flex-direction: column;margin: 0 30px 0 0;flex: 1.5;position: relative;/* padding-bottom: calc(9/16*100%); *//* border: 5px solid peru; *//* background: var(--color-fondo); */} 
.sitios-padre .sidenav .caja-tecnica .capa-img img{display: block;max-height: 400px;margin: 0 auto 30px auto;width: auto;/* position: relative; */max-width: 100%;}
.sitios-padre .sidenav .caja-tecnica .capa-img figure{display: block;width: 100%;margin: auto;}
.sitios-padre .sidenav .caja-tecnica .capa-img video{width: 100%;height: auto;/* padding-top: 30px; */z-index: 1;/* border-top: 1px solid white; */}
.sitios-padre .sidenav .caja-tecnica .capa-img iframe{width: 100% !important;height: 100%; position: absolute;}
/*.sitios-padre .sidenav .caja-tecnica .capa-img a{
    font-size: .7rem;
    color: #9e9e9e;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    bottom: 50%;
    padding: 10px;
    background: white;
}*/
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo{display: inline-flex;flex-direction: column;flex: 1;/* border: 5px solid blue; */}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .contenido-titular{margin: 0 0 35px 0;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .contenido-titular p{font-size: 1.0625rem;text-transform: uppercase;color: white;}

.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo{}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo p strong{color: var(--color-naranjo);font-weight: bold;text-transform: uppercase;font-size: 1rem;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo p{color: white;font-size: 1rem;padding: 5px 0;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo ul{display: flex;flex-direction: row;padding: 10px 0 10px 30px;}
.sitios-padre .sidenav .caja-tecnica .contenido-cuerpo .cuerpo ul li{color: white;/* font-weight: bold; */font-size: 1rem;list-style: circle;margin: 0 30px 0 0;}

.sitios-padre .sidenav .closebtn {position: absolute;top: 15px;right: 15px;font-size: 1.5rem;text-shadow: 0 1px 0 #fff;color: white;font-weight: bold;border: 2px solid white;border-radius: 100%;width: 40px;height: 40px;text-align: center;background: orange;text-transform: uppercase;opacity: 0.5;}
.sitios-padre .sidenav .closebtn:hover{transition: 0.5s linear;-webkit-transition: 0.5s linear;opacity: 1;}
.sitios-padre .sidenav .closebtn::after{content: 'x';}

/*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: 80px;min-width: 130px;display: block;}
footer .contenido-footer .logo-contacto{display: inline-flex;}
footer .contenido-footer .logo-contacto:hover{transition: 0.5s linear;-webkit-transition: 0.5s linear;}
footer .contenido-footer .logo-contacto p{color: white;font-size: 1rem;padding: 15px;}*/


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;} 

}}