@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');
.zona-presentacion h1{font-size:35px;font-weight:900;line-height:40px;color: var(--color-secondary);margin:25px 0;}
.contador{background:var(--color-secondary);height:120px;}
.contador svg{height:120px;display:block;width:calc(100% + 1.3px);position:relative;left:50%;transform:translateX(-50%);fill:#fff;}
header{margin-bottom:0;}
.col-2-header{width:50%;display:flex;position:relative;min-height:1px;}
.cuenta{
    margin-top:-50px;margin-bottom:80px;padding:0px 15px 0px 15px;z-index:2;position:relative;color:#9d1919;background:#fff;box-shadow:0px 15px 15px -10px rgb(0 0 0 / 15%);
    transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 20px 30px 20px;border-radius:25px 25px 25px 25px;display:-ms-flexbox;
    display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:auto;margin-left:auto;
}
.cuenta > div{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:70px;text-align:center;}
.cuenta > div > div:first-child{font-size:21px;font-weight:700;}
.cuenta > div > div:nth-child(2){text-transform: uppercase;font-size:10px;}
section{position:relative;display:flex;}
section > div{position:relative;min-height:1px;display:flex;width:100%;}
.parte-1{width:25%;}
.parte-2{width:25%;}
.parte-3{width:25%;}
.parte-4{width:25%;}
.col-imgs{display:flex;position:relative;width:100%;flex-wrap:wrap;align-content:flex-start;justify-content:right;padding-right:15px;}
.col-imgs img{max-width:100%;border-radius:25px 25px 25px 25px;max-height:215px;margin-bottom:15px;}
.img-gal-3{padding-left:30px;}
section img{border-radius:25px 25px 25px 25px;}
.filas{position:relative;width:100%;flex-wrap:wrap;align-content:flex-start;display:flex;}
.filas img{max-width:100%;}
.fila-1, .fila-2{width:100%;margin-bottom:15px;position:relative;display:flex;}
.filas .fila-1 .col-1{width:80%;margin-top:85px;display:flex;}
.filas .fila-1 .col-2{width:20%;margin-top:50px;padding-left:21px;display:flex;}
.filas .fila-1 .col-1 img{max-height:190px;}
.filas .fila-1 .col-2 h1{color:var(--color-secondary);line-height:40px;}
.filas .fila-2 .col-1 img{max-height:210px;}
.parte-3 img, .parte-4 img{max-width:100%;}
.parte-3 > div > div{padding:30px;}
.img-gal-6, .img-gal-7{padding-bottom:2px;}
.img-gal-6{margin-left:-58px;}
.parte-4 .filas-2 .fila-1 .col-1{padding-top:71px;margin-left:-11px;}
.parte-4 .filas-2 .fila-2 .col-1{padding-left:30px;margin-right:-45px;}
.img-gal-8{margin-left:-8px;}
.img-gal-7{padding-left:40px;}
.descripcion{display:block;}
.detalles > div{
    padding:30px 0 30px 20px;background-color:#fff;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 25px 0px rgb(0 0 0 / 5%);
    flex-direction:row;display:flex;align-items:center;margin-bottom:10px;margin-right:25px;
}
.detalles > div > div{display:inline-flex;flex:0 0 auto;}
.detalles .icon svg{width:25px;height:25px;}
.icon{padding: 0 20px 0 0;}
.descripcion-larga.contenedor{width:100%;padding-top:40px;}
.espacio{height:100px;}
.presentacion{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;max-width:var(--max-width);margin:0 auto;}
.presentacion .entrada{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-order:2;order:2;max-width:722px;}
.presentacion .entrada .imagen{
    position:relative;width:100%;max-width:578px;background:#e7e7e9;background-position-x:0%;background-position-y:0%;
    background-image:none;background-size:auto;background-position:center;background-size:cover;filter:drop-shadow(8px 8px 6px #000);border:8px solid #000;border-radius:3px;
    margin:0 auto;
}
.presentacion .entrada .imagen:before{content: '';display: block;height: 800px;}
.informacion{max-width:500px;}
.presentacion .informacion{-ms-flex-order:1;order:1;min-width:300px;margin-top:42px;margin-right:0;padding-right:20px;margin-top:0;margin-right:60px;padding-right:0;}
.informacion .edicion{border-radius:100px;background-color:#c61f1f;width:100px;padding:10px;text-align:center;color:#FFF;font-weight:400;filter:drop-shadow(0 0 5px #c61f1f);}
.informacion .edicion .texto{font-size:95%;text-transform:uppercase;}
.informacion .edicion .numero{font-family:'Bowlby One SC', cursive;font-size:200%;}
.wrapper{padding:1.5rem 0;}
.button{
    display:inline-block;text-align:center;background:#eee;color:#1a1e24;font-weight:bold;padding:1.18em 1.32em 1.03em;line-height:1;border-radius:1em;
    position:relative;min-width:8.23em;text-decoration:none;font-family:Montserrat, Roboto, Helvetica, Arial, sans-serif;font-size:1.25rem;
}
.button:before,
.button:after{width:4.4em;height:2.95em;position:absolute;content:"";display:inline-block;background:#eee;border-radius:50%;transition:transform 1s ease;transform:scale(0);z-index:-1;}
.button:before{top:-25%;left:20%;}
.button:after{bottom:-25%;right:20%;}
.button:hover:before, .button:hover:after{transform: none;}
section img{filter:drop-shadow(4px 2px 6px #000);}
.zona-presentacion, .pagina, .descripcion-larga{padding:0 20px;}
.contenedor.pagina{padding:0 60px 0 20px;}
.zona-presentacion{margin-bottom:80px;}
.fondo-galeria{background-color:#f8f9fa;padding-top:25px;}
.borde-galeria-top{background-color:#f8f9fa;}
.borde-galeria-top svg{fill:#fff;width:150%;height:40px;-webkit-filter:drop-shadow(10px 5px 5px rgba(0, 0, 0, 0.03));filter:drop-shadow(10px 5px 5px rgba(0, 0, 0, 0.03));}
.borde-galeria-bottom{background-color:#fff;}
.borde-galeria-bottom svg{fill:#f8f9fa;width:220%;height:42px;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}
.slide-fotos{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);z-index:999;display:flex;align-items:center;justify-content:center;}
.item{padding:0 20px;max-width:500px;margin:0 auto;}
.ver-galeria{cursor:pointer;}

.cerrar-slide{color:transparent;float:right;padding:15px 25px;position:fixed;display:block;right:12px;z-index:999999;}
.cerrar-slide:before, .cerrar-slide:after{content:'';position:absolute;width:36px;height:4px;background-color:#fff;border-radius:2px;top:16px;box-shadow:0 0 2px 0 #ccc;}
.cerrar-slide:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:12px;top:22px;}
.cerrar-slide:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:12px;top:22px;}

.form-notificar{margin-top:20px;}
.form-notificar input[type="email"]{padding:10px;border:1px solid #ccc;border-radius:5px;width:70%;max-width:300px;margin-right:10px;}
.form-notificar button{padding:10px 20px;background-color:var(--color-secondary);color:#fff;border:none;border-radius:5px;cursor:pointer;}
.form-notificar button:hover{background-color:#6a5959;}

.mensaje.exito {
    position: absolute;
    right: 0;
    width: 212px;
    padding: 20px;
    background: #b4ebb0c2;
    color: #000;
    border-radius: 0px 0px 0px 16px;
}
.mensaje.error{
    position: absolute;
    right: 0;
    width: 212px;
    padding: 20px;
    background: #f08a8ac2;
    color: #000;
    border-radius: 0px 0px 0px 16px;
}

.notificar-venta {
    background: #ffe9bb;
    padding: 15px 15px 20px 15px;
    margin-top: 25px;
}

@media screen and (max-width: 1000px) {
    .img-gal-7{display:none;}
}

@media screen and (max-width: 823px) {
    .img-gal-8{display:none;}
}

@media screen and (max-width: 748px) {
    .parte-1{width:33%;}
    .parte-2{width:33%;}
    .parte-3{display:none;}
    .parte-4{width:33%;}
    .presentacion{display:block}
    .presentacion .entrada .imagen{margin:0 auto 70px;}
    .contador .contenedor{display:block;}
    .col-2-header{width:100%;}
}

@media screen and (max-width: 500px){
    .presentacion .entrada .imagen:before{height:533px;}
    .parte-1{width:50%;}
    .parte-2{width:50%;}
    .parte-4{display:none;}
}