@font-face {
    font-family: 'HvDTrial_PlutoSansRegularBF648692ea6228c';
    src: url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.eot');
    src: url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.eot') format('embedded-opentype'),
         url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.woff2') format('woff2'),
         url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.woff') format('woff'),
         url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.ttf') format('truetype'),
         url('../fonts/HvDTrial_PlutoSansRegularBF648692ea6228c.svg#HvDTrial_PlutoSansRegularBF648692ea6228c') format('svg');
}
@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBold.eot');
    src: url('../fonts/NexaBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaBold.woff2') format('woff2'),
        url('../fonts/NexaBold.woff') format('woff'),
        url('../fonts/NexaBold.ttf') format('truetype'),
        url('../fonts/NexaBold.svg#NexaBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Favela';
    src: url('../fonts/Favela-Bold.eot');
    src: url('../fonts/Favela-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Favela-Bold.woff2') format('woff2'),
        url('../fonts/Favela-Bold.woff') format('woff'),
        url('../fonts/Favela-Bold.ttf') format('truetype'),
        url('../fonts/Favela-Bold.svg#Favela-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}

body {
	background-color:#FFF !important;
}
h1 {
  font-family: 'Jost', sans-serif;
  font-size: 35px;
  font-weight: normal;
  color:#000;
  line-height: 100%;
  margin:0;
}
h2 {
  font-family: 'Jost', sans-serif;
  font-size: 30px;
  font-weight: normal;
  color:#000;
  line-height: 100%;
  margin:0;
}
h3 {
  font-family: 'Jost', sans-serif;
  font-size: 25px;
  font-weight: bold;
  color:#000;
  line-height: 100%;
  margin:0;
  text-align: center;
}
h4 {
  font-size: 20px;
  font-family: 'Jost', sans-serif;
  color: #000;
  margin: 0;
}
h2.titu {
  font-family: 'Nexa';
  color: #000;
  text-transform: uppercase;
  font-size: 23px;
  text-align: center;
}
.excerpt p {
  font-family: 'Nexa';
  color: #FFF;
  font-size: 15px;
  text-align: center;
}
input:focus, button:focus, a {
	outline: none;
  text-decoration: none;
}
img.responsive { width:100%;}
p {
	font-family: 'MontserratRegular', sans-serif;
	font-size: 14px;
	color:#000;
	text-align: left;
	margin:0;
  line-height: 120%;
}
a:hover {
	text-decoration:none;
	color:#000;
 }
.header {
  position: relative;
  z-index: 999;
  padding:20px 0;
  background-color: #191621;
  border-radius:60px;
  margin: 15px 15px 0 15px;
}
.dropdown-menu {
    background-color:transparent !important;
 }
.dropdown-menu.show {
   top: 45px !important;
    left: -15px !important;
}
ul#menu-home {
  margin: 0 auto;
  padding: 0px;
  display:inline-flex;
}
ul#menu-home li {
  padding: 0px 30px 0 30px;
  list-style: none;
  text-align: center;
}
ul#menu-home li a {
	font-family: 'Nexa', sans-serif;
	font-size: 20px;
	color:#fff;
  text-transform: uppercase;
  text-decoration: none;
}
ul#menu-home li a:hover {
  
}
ul.redes {
  list-style: none;
  padding:0;
  margin:0;
}
ul.redes li {
  display: inline-block;
  padding:0 5px;
}
button.navbar-toggler {
  padding: 0;
}
div#n2-ss-2 .n2-font-764ec9dc85a2e9ad7d5ae0c36b1b3b9f-hover {
  font-family: 'Favela' !important;
}
/* Cambiar el color del icono del menú hamburguesa a blanco */
.navbar-toggler-icon {
    background-color: white !important; /* Establece el color blanco para el icono */
}

/* Opcional: Cambiar el fondo del botón de hamburguesa para hacerlo visible sobre fondos oscuros */
.navbar-toggler {
    border: 1px solid white; /* Border blanco para que sea visible en fondos oscuros */
    background-color: transparent; /* Fondo transparente */
}
nav.navbar {
  display: flex;
  justify-content: center;
  
}
.arriba {
  margin: -101px 0 0 0;
}
.bg-pink {
  background: url(../img/pink.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 961px; /* Set the initial height of the container */
  position:relative;
}
.bg-yellow {
  background: url(../img/yellow.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 961px; /* Set the initial height of the container */
  position:relative;
}
.bg-purple {
  background: url(../img/bg-purple.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%; /* Set the initial height of the container */
  position:relative;
}
.mtt {
  padding-top: 135px !important;
}
.featured-image {
  position: relative;
}
.featured-image img {
  height: 211px;
}
.catalogo {
  background: url(../img/contactanos.png)no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 475px; /* Set the initial height of the container */
  position:relative;
}
img.marg {
  padding: 70px 0 40px 0;
}
.white {
  background-color: #FFF;
  border: 2px solid #000;
}
.white h1 {
  font-family: 'Nexa', sans-serif;
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  line-height: 100%;
}
.neex {
  background-color: #000;
  padding: 5px 0;
}
.neex p {
  color: #FFF;
  font-family: 'Nexa', sans-serif;
  font-size: 20px;
  text-align: center;
}
.mepr-unauthorized-message p {
  color: #FFF;
  font-family: 'Nexa', sans-serif;
  font-size: 20px;
}
.content {
  background-color: #FFF;
  padding: 10px 0;
}
.content p {
  display: flex;
  justify-content: center;
  font-family: 'Nexa';
  font-size: 15px;
}
.name {
  background-color: #ca7ffe;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 10px;
  border: 1px solid #191621;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  text-align: center;
}
span.nom {
  font-family: 'Nexa', sans-serif;
  color: #000;
  font-size: 18px;
}
.excerpt {
  background-color: #000;
  padding: 2px 0;
}
.custom-height {
  height: 211px; /* Set the height you prefer */
  object-fit: cover; /* Keeps the aspect ratio, cropping if necessary */
}
.mepr-login-actions a {
  color: #FFF;
  text-decoration: underline;
}
.rline {
  border-right: 1px solid #3f6ea9;
}
.bg-footer {
    background-color: #191621;
    padding:25px 0;

}
.bg-footer p {
    color: #fff;
    font-family: 'HvDTrial_PlutoSansRegularBF648692ea6228c', sans-serif;
    font-size: 14px;
    line-height: 120%;
    text-align:center;
}
.contacto {
    background-color:#ffe800;
    padding:40px 0;
}
#footer {
  padding:0px 0;
}
iframe.maga{
  height: 600px;
  width: 100%;
}
iframe {
  background-color: #FFF;
}
#galleria {
	height:600px;
	width:100%;
}
.h100 { height:120px; }
p.foot {
  text-align: center !important;
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  color:#FFF;
  font-weight: normal;
  margin: 0;
}
.dropdown-menus {display:none;}
.men {display: none;}
.dropdown button {
    background: url(../img/hamburger.png) no-repeat;
    width:41px;
    height:29px;
}
.ui-tabs .ui-tabs-panel {
    padding: 1em 5.4em !important;
}
/*menu hamburgesa*/

/*fin menu hamburgesa*/
/* #Forms
================================================== */

  form {
  }
  fieldset {
    margin-bottom: 20px; }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  select {
    border: 1px solid #ccc !important;
    padding: 12px 15px;
    outline: none;
    letter-spacing: 2px;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'HvDTrial_PlutoSansRegularBF648692ea6228c' !important;
    color: #070707 !important;
    height: 50px !important;
    font-size:16px !important;
     }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  textarea:focus {


  }
  input[type="radio"] {

      }
  textarea {
        height: 130px !important;
    border: 1px solid #ccc !important;
    padding: 12px 15px;
    letter-spacing:2px;
    font-size:16px !important;
    color: #070707;
    outline: none;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family:'HvDTrial_PlutoSansRegularBF648692ea6228c' !important;
    width:100%;
     }

  label,
  legend
   {

    font-family: 'Nexa';
    font-weight: normal;
    color:#fff;
    font-size: 20px;  }
  select {
    width: 220px; }
  input[type="checkbox"] {
    display: inline; }
  label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }
button[type="submit"] {
  border:none !important;
  border-radius: 20px !important;
  font-family: 'HvDTrial_PlutoSansMediumBF648692ea8ad86', sans-serif;
  font-size: 16px  !important;
  display: block;
  font-weight: normal !important;
  text-transform: uppercase !important;
  text-align: center;
  color:#fff !important;
  padding:6px 30px !important;
  float: left !important;
  background-color: #3f6ea9 !important;
  cursor: pointer;
  margin:0 auto;
}
.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
  color:#070707;
  font-style: italic !important;
}

.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#070707 !important;
  font-style: italic !important;
   opacity: 1 !important;
}

.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#070707 !important;
  font-style: italic !important;
   opacity: 1 !important;
}

.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family:'HvDTrial_PlutoSansRegularBF648692ea6228c' !important;
  color:#070707 !important;
  font-style: italic !important;
}

.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
  font-family:'HvDTrial_PlutoSansRegularBF648692ea6228c' !important;
  color:#070707 !important;
  font-style: italic !important;
}

.wpforms-container ::placeholder {
  font-family:'HvDTrial_PlutoSansRegularBF648692ea6228c' !important;
  color:#070707 !important;
  font-style: italic !important;
}

/* media queries*/
/* iphone 5s*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .men {display: none;}
.dropdown-menus{display: block;}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menus {
    display: block;
    position:absolute;
    margin: 0px 0 0 0;
    background-color: #3f6ea9;
    padding:10px;
    top:13px;
    left:0px;
    z-index: 99999;
}
.menn {display:none !important;}
.logos {
        text-align: center;
        display: block;
    }
.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropdown-menu {
    position: relative;
    top: 100%;
    display: none;
    margin: 0;
    list-style: none; /** Remove list bullets */
    width: 100%; /** Set the width to 100% of it's parent */
    padding: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
    border:none;
}
.dropdown-menu li {
    margin:0;
    width: 100%;
    text-align: left;
    z-index: 9000000;
    position: relative;
}
.dropdown button {
    background-color: #3f6ea9;
    color: #FFFFFF;
    border: none;
    margin: 0;
    padding: 10px 10px;
    font-size: 1em;
    text-align: center;
    float:none;
}
.dropdown a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #3f6ea9;
    color: #fff;
    font-family: 'MontserratRegular';
    margin: 8px 0 0 0;
}
.dropdown a:hover {
    background: #fff;
    color:#3f6ea9;
}
.r {
  width:100%;
}
h1 { font-size: 35px; }
h2{ font-size:29px !important; }
.arriba { margin: 0; }
#navbarNav { text-align: center; }
.header { border-radius:0; margin: 0; }
.bg-pink { height: 1750px; }
.bg-yellow { height: 850px; }
div#n2-ss-2 .n2-font-f253eab32894da2cdcb1b7f256c4c7f8-hover { font-size: 40px !important; }
.n2-ss-layer .n2-ow .n-uc-cBMNy2cmwHf6 { font-size: 10px !important; top: -40px !important; }
.mtt{ padding-top: 50px !important; }
.white h1 { font-size: 25px; }
img.responsive { width: 100%; height: auto; }
}



/*iphone portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {



}
/* ipad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .men {display: none;}
  .dropdown-menus{display: block;}
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown-menus {
    display: block;
    position:absolute;
    margin: 0px 0 0 0;
    background-color: #3f6ea9;
    padding:10px;
    top:13px;
    left:0px;
    z-index: 99999;
  }
  .menn {display:none !important;}
  .logos {
        text-align: center;
        display: block;
    }
  .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown .dropdown-menu {
    position: relative;
    top: 100%;
    display: none;
    margin: 0;
    list-style: none; /** Remove list bullets */
    width: 100%; /** Set the width to 100% of it's parent */
    padding: 0;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    border:none;
  }
  .dropdown-menu li {
    margin:0;
    width: 100%;
    text-align: left;
    z-index: 9000000;
    position: relative;
  }
  .dropdown button {
    background-color: #3f6ea9;
    color: #FFFFFF;
    border: none;
    margin: 0;
    padding: 10px 10px;
    font-size: 1em;
    text-align: center;
    float:none;
  }
  .dropdown a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #3f6ea9;
    color: #fff;
    font-family: 'MontserratRegular';
    margin: 8px 0 0 0;
  }
  .dropdown a:hover {
    background: #fff;
    color:#3f6ea9;
  }
  .arriba { margin: 0; }
#navbarNav { text-align: center; }
.header { border-radius:0; margin: 0; }
div#n2-ss-2 .n2-font-f253eab32894da2cdcb1b7f256c4c7f8-hover { font-size: 40px !important; }
.n2-ss-layer .n2-ow .n-uc-cBMNy2cmwHf6 { font-size: 10px !important; top: -40px !important; }
}
/*ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
  .men {display: none;}
  .dropdown-menus{display: block;}
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown-menus {
    display: block;
    position:absolute;
    margin: 0px 0 0 0;
    background-color: #3f6ea9;
    padding:10px;
    top:13px;
    left:0px;
    z-index: 99999;
  }
  .menn {display:none !important;}
  .logos {
        text-align: center;
        display: block;
    }
  .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown .dropdown-menu {
    position: relative;
    top: 100%;
    display: none;
    margin: 0;
    list-style: none; /** Remove list bullets */
    width: 100%; /** Set the width to 100% of it's parent */
    padding: 0;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    border:none;
  }
  .dropdown-menu li {
    margin:0;
    width: 100%;
    text-align: left;
    z-index: 9000000;
    position: relative;
  }
  .dropdown button {
    background-color: #3f6ea9;
    color: #FFFFFF;
    border: none;
    margin: 0;
    padding: 10px 10px;
    font-size: 1em;
    text-align: center;
    float:none;
  }
  .dropdown a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #3f6ea9;
    color: #fff;
    font-family: 'MontserratRegular';
    margin: 8px 0 0 0;
  }
  .dropdown a:hover {
    background: #fff;
    color:#3f6ea9;
  }


}
/* fin media queries*/