body, html {
width: 100%;
margin: 0;
font-family: 'Roboto Mono', monospace;
padding: 0;
font-weight: 300;
line-height: 1.2;
color: #606060;
font-size: 18px;
overflow-x: hidden;
background: #ffffff;
}
.site-footer {
display: none;
}
.entry-header,
.featured-image {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
.entry-content {
width: 100%;
margin: 0;
}
.container {
width: 100%;
max-width: 1920px;
display: table;
margin: 0 auto;
}
.container .side-left {
width: 45%;
position: relative;
display: table-cell;
vertical-align: middle;
}
.container .side-left::after {
width: 5px;
height: 830px;
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
background: url(https://miportaldenominagv.com/wp-content/uploads/2023/03/barra.png) center no-repeat;
background-size: 100%;
}
.container .side-left h1,
.container .side-left p {
width: 100%;
max-width: 660px;
display: block;
margin: 0 auto;
position: relative;
z-index: 10;
}
.container .side-left h1 img {
width: 100%;
height: auto;
margin: 0;
}
.container .side-left p {
padding: 10px 50px 10px 100px;
font-size: 18px;
max-width: 695px;
text-align: left !important;
}
.container .side-left p a {
background: #3d9c7e;
color: #fff;
text-decoration: none;
padding: 8px 25px;
border-radius: 7px;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0 20px;
display: inline-block;
}
.container .side-left p a:hover {
background: #eba243;
}
.container .side-left .adornos {
width: 90%;
max-width: 440px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.container .side-right {
width: 55%;
height: 1080px;
display: table-cell;
vertical-align: middle;
position: relative;
overflow: hidden;
}
.seccion .boton .image1 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.seccion .boton .image2 {
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
z-index: 10;
}
.seccion .boton .image2.active {
opacity: 1;
}
.seccion .boton .image2:hover {
opacity: 1;
}
.seccion .boton .image1 img,
.seccion .boton .image2 img {
width: 100%;
height: auto;
}
.seccion .descripcion {
width: 370px;
height: auto;
position: absolute;
display: none;
}
.seccion .descripcion a {
color: #009c8c;
line-height: 30px;
font-weight: 700;
text-decoration: none;
}
.seccion .descripcion h6 {
color: #e3873f;
line-height: 30px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
font-size: 18px;
margin: 0;
}
.seccion .descripcion a:hover {
color: #009c8c;
line-height: 30px;
}
.seccion .descripcion a::before {
width: 20px;
height: 25px;
content: '';
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
background: url(https://miportaldenominagv.com/wp-content/uploads/2023/03/flechas.svg) center no-repeat;
background-size: contain;
}
.seccion .descripcion h6::before {
width: 20px;
height: 25px;
content: '';
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
background: url(https://miportaldenominagv.com/wp-content/uploads/2023/03/flechas-back.svg) center no-repeat;
background-size: contain;
}
.seccion .descripcion ul {
margin: 0;
padding: 0 0 0 20px;
}
.seccion .descripcion li {
margin: 10px 0;
}
.seccion .descripcion li a {
color: #606060;
text-decoration: none;
line-height: 1;
font-weight: 400;
}
.seccion .descripcion li a:hover {
color: #009c8c;
text-decoration: none;
line-height: 1;
}
.seccion .descripcion li a:before {
display: none;
}
.seccion-1,
.seccion-5 {
width: 500px;
height: 565px;
position: absolute;
top:  0;
left: 0;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 272px;
height: 543px;
position: absolute;
top: 0;
right: 5px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 315px;
left: 530px;
}
.seccion-2 {
width: 555px;
height: 565px;
position: absolute;
top:  0;
right: 0;
}
.seccion-2 .boton {
width: 543px;
height: 272px;
position: absolute;
bottom: 5px;
right: 0;
}
.seccion-2 .descripcion {
top: 600px;
left: 100px;
}
.seccion-3 {
width: 500px;
height: 515px;
position: absolute;
bottom:  0;
left: 0;
}
.seccion-3 .boton {
width: 490px;
height: 272px;
position: absolute;
top: 5px;
left: 0;
}
.seccion-3 .descripcion {
top: 60px;
left: 540px;
}
.seccion-4 {
width: 555px;
height: 515px;
position: absolute;
bottom:  0;
right: 0;
}
.seccion-4 .boton {
width: 272px;
height: 487px;
position: absolute;
bottom: 0;
left: 5px;
}
.seccion-4 .descripcion {
top: 100px;
left: -415px;
}
.seccion-5 {
display: none;
} .site-header {
width: 96%;
max-width: 1920px;
margin: 0 auto;
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 9999;
left: 0;
right: 0;
}
.site-header .main-navigation .menu-toggle {
display: none;
}
.site-header .main-navigation .menu {
}
.site-header .main-navigation .menu .menu-item {
}
.site-header .main-navigation .menu .menu-item a {
color: #606060;
font-size: 17px;
padding: 5px 15px;
}
.site-header .main-navigation .menu .menu-item a:hover {
color: #41998c;
}
.site-header .main-navigation .menu .current-menu-item a {
background: #144157;
border-radius: 10px;
color: #ffffff;
}
.site-header .main-navigation .menu .current-menu-item a:hover {
background: #144157;
border-radius: 10px;
color: #ffffff;
}
.site-header .site-branding img {
width: 240px;
height: auto;
}
.menu-header-menu-container.active {}
.main-navigation .menu-close {
display: none;
}
@media(max-width: 1349px) {
.site-header .main-navigation .menu {
display: none;
}
.site-header .main-navigation .menu-toggle {
display: block;
padding: 0;
background: transparent;
border: none;
}
.site-header .main-navigation .menu-toggle div {
width: 35px;
height: 4px;
background: #13384e;
margin: 5px 0;
}
.menu-header-menu-container.active {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: rgba(255, 255, 255, 0.7);
display: block;
height: 100%;
}
.site-header .main-navigation .menu {
width: 80%;
height: 100%;
max-width: 550px;
display: none;
position: absolute;
top: 0;
left: 0;
padding: 100px 20px;
background: #ffffff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.menu-header-menu-container.active .menu {
display: block;
}
.site-header .main-navigation .menu-close {
display: none;
position: absolute;
color: #1e3f56;
top: 15px;
right: 15px;
font-size: 50px;
font-weight: 900;
padding: 5px;
border: none;
background: transparent;
z-index: 9999999;
}
.site-header .main-navigation .menu-close.active {
display: block;
}
.site-header .main-navigation .menu .menu-item {
margin: 10px 0;
width: auto;
display: block;
}
}
@media (max-width: 599px) {
.site-footer a img {
max-width: 225px;
}
} @media (max-width: 1919px) {
.container {
max-width: 1600px;
}
.container .side-left {
width: 40%;
}
.container .side-right {
width: 60%;
height: 900px;
}
.container .side-left h1, .container .side-left p {
width: 96%;
max-width: 570px;
}
.container .side-left p {
text-align: left !important;
max-width: 560px !important;
font-size: 16px;
}
.container .side-left .adornos {
max-width: 300px;
}
.container .side-left::after {
height: 725px;
}
.seccion-1,
.seccion-5 {
width: 450px;
height: 470px;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 235px;
height: 470px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 295px;
left: 505px;
}
.seccion-2 {
width: 510px;
height: 470px;
}
.seccion-2 .boton {
width: 453px;
height: 227px;
}
.seccion-2 .descripcion {
top: 490px;
left: 110px;
}
.seccion-3 {
width: 450px;
height: 405px;
}
.seccion-3 .boton {
width: 377px;
height: 227px;
}
.seccion-3 .descripcion {
top: 25px;
left: 420px;
}
.seccion-4 {
width: 510px;
height: 405px;
}
.seccion-4 .boton {
width: 227px;
height: 405px;
}
.seccion-4 .descripcion {
top: 100px;
left: -415px;
}
}
@media (max-width: 1599px) {
.container {
max-width: 1366px;
}
.container .side-left {
width: 45%;
}
.container .side-left h1,
.container .side-left p {
max-width: 450px;
}
.container .side-left p {
padding: 10px 20px 10px 50px;
}
.container .side-left .adornos {
max-width: 270px;
}
.container .side-left::after {
height: 600px;
}
.container .side-right {
width: 55%;
height: 770px;
}
.seccion-1,
.seccion-5 {
width: 335px;
height: 415px;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 210px;
height: 382px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 250px;
left: 350px;
}
.seccion-2 {
width: 400px;
height: 415px;
}
.seccion-2 .boton {
width: 405px;
height: 191px;
}
.seccion-2 .descripcion {
top: 440px;
left: 10px;
}
.seccion-3 {
width: 335px;
height: 345px;
}
.seccion-3 .boton {
width: 335px;
height: 191px;
}
.seccion-3 .descripcion {
top: 15px;
left: 350px;
}
.seccion-4 {
width: 400px;
height: 345px;
}
.seccion-4 .boton {
width: 191px;
height: 342px;
}
.seccion-4 .descripcion {
top: 55px;
left: -315px;
width: 280px;
}
}
@media (max-width: 1349px) {
.site-header {
position: relative;
padding: 10px 0 0;
}
.site-header .site-branding img {
width: 240px;
}
.container {
max-width: 1024px;
}
.container .side-left {
width: 40%;
}
.container .side-left h1,
.container .side-left p {
max-width: 380px;
}
.container .side-left p {
max-width: 320px !important;
font-size: 16px;
}
.container .side-left .adornos {
max-width: 115px;
}
.container .side-left::after {
height: 550px;
}
.container .side-right {
width: 60%;
height: 580px;
}
.seccion-1,
.seccion-5 {
width: 275px;
height: 320px;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 165px;
height: 330px;
}
.seccion-2 {
width: 340px;
height: 325px;
}
.seccion-2 .boton {
width: 325px;
height: 164px;
}
.seccion-3 {
width: 335px;
height: 250px;
}
.seccion-3 .boton {
width: 276px;
height: 145px;
}
.seccion-4 {
width: 340px;
height: 250px;
}
.seccion-4 .boton {
width: 160px;
height: 250px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 100px;
left: 290px;
width: 290px;
}
.seccion .descripcion li {
margin: 8px 0;
font-size: 16px;
}
.seccion .descripcion a {
line-height: 20px;
font-size: 16px;
}
.seccion .descripcion a::before {
width: 25px;
height: 20px;
}
.seccion-2 .descripcion {
top: 350px;
left: -45px;
}
.seccion-3 .descripcion {
top: 15px;
left: 300px;
width: 280px;
}
.seccion-4 .descripcion {
top: -185px;
left: -215px;
width: 330px;
}
}
@media (max-width: 1023px) {
.container {
max-width: 768px;
display: block;
}
.container .side-left {
width: 100%;
display: block;
padding: 0 0 60px 0;
}
.container .side-left h1,
.container .side-left p {
max-width: 480px;
}
.container .side-left::after {
width: 100%;
height: 5px;
background: url(https://miportaldenominagv.com/wp-content/uploads/2023/03/barra2.png) center no-repeat;
background-size: 100%;
}
.container .side-right {
width: 100%;
height: 580px;
display: block;
max-width: 630px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.seccion-1,
.seccion-5 {
width: 270px;
height: 320px;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 165px;
height: 330px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 75px;
left: 290px;
width: 290px;
}
.seccion-2 {
width: 325px;
height: 325px;
}
.seccion-2 .boton {
width: 325px;
height: 164px;
}
.seccion-2 .descripcion {
top: 350px;
left: -60px;
}
.seccion-3 {
width: 270px;
height: 250px;
}
.seccion-3 .boton {
width: 270px;
height: 140px;
}
.seccion-4 {
width: 325px;
height: 250px;
}
.seccion-4 .boton {
width: 160px;
height: 250px;
}
}
@media (max-width: 599px) {
.site-header .site-branding img {
width: 240px;
}
.container .side-left h1,
.container .side-left p {
max-width: 325px;
}
.container .side-left p {
padding: 10px 20px 10px 20px;
font-size: 16px;
}
.container .side-left p {
max-width: 282px !important;
font-size: 16px;
}
.container .side-left p a {
text-align: center;
padding: 8px 20px;
}
.container .side-right {
height: 410px;
}
.container .side-left .adornos {
max-width: 90px;
}
.seccion-1,
.seccion-5 {
width: 180px;
height: 205px;
}
.seccion-1 .boton,
.seccion-5 .boton {
width: 100px;
height: 180px;
}
.seccion-1 .descripcion,
.seccion-5 .descripcion {
top: 30px;
left: 180px;
width: 170px;
}
.seccion .descripcion a {
line-height: 15px;
font-size: 11px;
}
.seccion .descripcion a::before {
width: 15px;
height: 13px;
}
.seccion .descripcion h6 {
font-size: 11px;
margin: -15px 0 0 0;
}
.seccion .descripcion h6::before {
width: 15px;
height: 13px;
}
.seccion .descripcion li {
margin: 2px 0;
font-size: 12px;
}
.seccion .descripcion li a {
font-size: 12px;
}
.seccion-2 {
width: 180px;
height: 205px;
}
.seccion-2 .boton {
width: 180px;
height: 100px;
}
.seccion-2 .descripcion {
top: 220px;
left: -100px;
width: 265px;
}
.seccion-3 {
width: 180px;
height: 205px;
}
.seccion-3 .boton {
width: 180px;
height: 117px;
}
.seccion-3 .descripcion {
top: -160px;
left: 75px;
width: 280px;
}
.seccion-4 {
width: 180px;
height: 205px;
}
.seccion-4 .boton {
width: 100px;
height: 193px;
}
.seccion-4 .descripcion {
top: -140px;
left: -136px;
width: 280px;
}
}