/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection..
Version: 4.27.4.1742237450
Updated: 2025-03-17 19:50:50

*/

@font-face {
  font-family: "MuseoSans900";
  font-display: swap;
  src: url("https://luppa-cj.com/wp-content/uploads/et-fonts/MuseoSans900.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans700";
  font-display: swap;
  src: url("https://luppa-cj.com/wp-content/uploads/et-fonts/MuseoSans700.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans500";
  font-display: swap;
  src: url("https://luppa-cj.com/wp-content/uploads/et-fonts/MuseoSans500.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans300";
  font-display: swap;
  src: url("https://luppa-cj.com/wp-content/uploads/et-fonts/MuseoSans300.otf") format("opentype");
}

/***********************************************/
/* Home - portolio filtrable: filtro centrado */
.et_pb_portfolio_filters
 {
	display: flex;
	justify-content: center;
}

/************************************************************/
/* Home - portolio filtrable: paginación sin borde superior */
.et_pb_portofolio_pagination {
	border-top-style: none !important;
}

/* Portfolio filtrable: necesario para lograr items de igual altura */
.et_pb_portfolio_items {
	display: flex;
  	flex-wrap: wrap;
}

/* Elimina margen derecho en mobile, en tercer item del portfolio */
@media (max-width: 767px) {
  .et_pb_portfolio_item {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
  }
}


/********************************************/
/**** Portfolio de 3 columnas en desktop ----------- no funciona ****/
/* Remove transition */
.et_pb_filterable_portfolio .et_pb_portfolio_item.active {
	transition: none;
}
 
.et_pb_portfolio_item {
	animation: none!important;
	transition: none !important;
}

/* 3 Column Portfolio */
@media (min-width: 981px) {
    .three-column-portfolio .et_pb_grid_item {
        width: 29.66%!important;
        margin-right: 5.5%!important;  
    }
  
    .three-column-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
  
    .three-column-portfolio.et_pb_grid_item:nth-child(4n) {
        margin-right: 5.5%!important;
    }
  
    .three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .three-column-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}
/** Fin Portfolio de 3 columnas en desktop **/
/********************************************/


/*****************************/
/*    HEADER Y TOP MENU      */
/*****************************/
/* ALTURA INICIAL DEL HEADER */
#main-header {
    /*height: 100px;*/ /* Ajusta la altura inicial */
    transition: height 0.3s ease-in-out;
}

/* ALTURA DEL HEADER AL HACER SCROLL */
.et-fixed-header {
    /*height: 60px !important;*/ /* Altura reducida en scroll */
}

#main-header {
    border-top: rgba(255,255,255,0.7) solid 1px;
    border-bottom: rgba(255,255,255,0.7) solid 1px;	
}


#top-menu > li {
    display: inline-flex;
    font-size: 14px;
	padding-left: 20px;
    padding-right: 20px;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
	border-left: rgba(255,255,255,0.7) solid 1px; /* Borde izquierdo */    
}
/* Hacer que los elementos del menú ocupen el 100% de la altura */
#top-menu > li > a {    
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
	padding-bottom: 30px;	
}

/* Cuando el header cambia a fixed, achica el padding */
.et-fixed-header #top-menu > li > a {
    padding-top: 24px;
	padding-bottom: 24px;
}

/* Eliminar padding superior en la barra de menú */
#main-header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 0px !important;
}
@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 0 !important; 
    }
}

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation nav>ul>li>a, 
	.et_header_style_split #et-top-navigation nav>ul>li>a {
        padding-bottom: 24px ;
		transition: padding-bottom 0.3s ease-in-out;
    }
	
	.et-fixed-header .et_header_style_left #et-top-navigation nav>ul>li>a, 
	.et-fixed-header .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding-bottom: 24px;
    }
}

/* Indicador de desplegable de idioma */
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
    position: static;
}

.sub-menu {
	top: 79px;
}

.et-fixed-header .sub-menu {
	top: 68px;
}

/* menú idioma */
@media only screen and (min-width: 981px) {
	.menu-idioma,
	.menu-item-154, 
	.menu-item-693,
	.menu-item-697 {
		background-color: white !important;
	}
	.menu-idioma > a,
	.menu-item-154 > a,
	.menu-item-154 > .menu-idioma > a,
	.menu-item-693 > a,
 	.menu-item-693 > .menu-idioma > a,
	.menu-item-697 > a,
	.menu-item-697> .menu-idioma > a,
	.et-fixed-header #top-menu > #menu-item-154 > a,
	.et-fixed-header #top-menu > #menu-item-693 > a,
	.et-fixed-header #top-menu > #menu-item-697 > a {
		color: black !important;
	}

	.et-fixed-header > .et_menu_container > #et-top-navigation > #top-menu-nav > #top-menu > .menu-item-154 > a,
	.et-fixed-header > .et_menu_container > #et-top-navigation > #top-menu-nav > #top-menu > .menu-item-693 > a,
	.et-fixed-header > .et_menu_container > #et-top-navigation > #top-menu-nav > #top-menu > .menu-item-697 > a {
		color: black !important;
	}
}

/* menú mobile */
.mobile_nav {
	padding-top: 20px;
}

.et-mobile-menu,
#mobile_menu {
	border-color: rgba(255,255,255,0.51) !important;
	text-transform: uppercase;
}
.mobile_menu_bar:before {
	color: white !important;
}


/*  FIN - HEADER Y TOP MENU  */
/*****************************/

/* Botones */
.et_pb_button {
	text-transform: uppercase;
}

/*****************************/
/*** Portfolio filtrable ***/
/* elemento activo */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	background-color: #2aaca0;
	color: white !important;
}
/* hover */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
	background-color: #000000;
}
/* item del portfolio */
.et_pb_portfolio_item {
	box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 2% !important;
	
	/* items de igual altura */
	display: flex;
  	flex-direction: column;
  	justify-content: space-between;  		
}
/* margen del texto */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 {
	margin: 16px 26px;
}
/* color del indicador de página activa */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {
	color: black;
}
/*** Fin Portfolio filtrable ***/
/*******************************/


/**********************************************/
/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

.four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By DiviMundo.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

.four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}
/*** Fin Change Mobile Columns By DiviMundo.com ***/
/**************************************************/


/**************************************************/
/************  Estilos Contact Form 7 *************/

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"], 
input[type="text"],
input[type="url"], 
input[type="date"],
select, 
textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid white; /* Línea inferior blanca */
    background: transparent;
    color: white;
    font-size: 18px;
    outline: none;
    margin-bottom: 20px;    
}

#uacf7_country_select {
	margin-bottom: 20px;
}

input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder, 
input[type="text"]::placeholder,
input[type="url"]::placeholder, 
input[type="date"]::placeholder,
select::placeholder, 
textarea::placeholder {
    color: #f1f3f7;
}

input[type="submit"] {
    background-color: white;
    color: #4a90e2;
    border: none;
    padding: 10px 60px;
    font-size: 18px;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width:980px) {
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"], 
	input[type="text"],
	input[type="url"], 
	input[type="date"],
	select, 
	textarea {
		font-size: 24px;
	}
	
	input[type="submit"] {
		width: 100%;
	}
}

.wpcf7-response-output {
	margin: 10px -15px !important;
	border-color: white !important;
	color: white ;
}

.form-suscripcion input[type="submit"] {
    background-color: #2aaca0 !important;
    color: white !important;
    border: none;
    padding: 10px 60px;
    font-size: 18px;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-weight: 300;
	width: 100%;
}

/********* Fin Estilos Contact Form 7 *************/
/**************************************************/


/**** Menu footer no colapsable en mobile ****/
@media screen and (max-width: 980px) {
	#menu-footer .et_pb_menu__menu {
		display: block;
	}

	#menu-footer .mobile_menu_bar {
		display: none;
	}
}
/**** fin Menu footer no colapsable en mobile ****/

/*************************************************/
/*** Números de la colección ***/
.figuras-box {
  display: flex;
  justify-content: flex-start;
}

.figura-item {
  width: 31.5%;
  text-align: center;  
  font-family: MuseoSans900;
  font-weight: 900;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}
.figura-item:not(:last-child) {
	padding-right: 10px;
}

.figura-item > .numero {
  background-color: #000;
  color: white;
  font-size: 42px;
  padding: 20px 10px;
  width: 50%;
  text-wrap: nowrap;
}
@media (max-width:576px) {
	.figura-item > .numero {
	   width: 80%;
	}
}

.figura-item > .texto {
  background-color: #00b4a0;
  color: white;
  padding: 20px 10px;
  font-size: 15px;
  text-align: left;
  flex-grow: 1;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  text-wrap: wrap;	
  align-content: center;
}
/*** Fin Números de la colección ***/
/*************************************************/

/*************************************************/
/*** Colección: box licencia ***/
.licencia-box {
	display: flex;
	align-content: center;	
	flex-wrap: wrap;
}
.licencia-box > .et_pb_blurb_content {
	display: flex;
}
.licencia-box .et_pb_blurb_container {
	width: 50%;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.licencia-box .et_pb_main_blurb_image {
	width: 50%;
	margin-bottom: 0px;
	order: 2;
	overflow-y: hidden;
}
.licencia-box .et_pb_image_wrap {
	text-align: center;
    background-color: white;
}
.licencia-box .et_pb_image_wrap > img {
	width: 70% !important;
	max-width: 70% !important;
}


/*** Fin Números de la colección ***/
/*************************************************/


.vertical-align {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}


@media (min-width:981px) and (max-width:1240px) {
 .coleccion-header {
 	height: 550px !important;
 	}
}
@media (min-width:700px) and (max-width:757px) {
 .coleccion-header {
 	height: 550px !important;
 	}
}

/* Modos de desbordamiento de línea para textos */
.text-wrap-balance {
    text-wrap: balance;
}
.text-wrap-pretty {
    text-wrap: pretty;
}


/* Fondo transparente para el carousel de características de la colección */
.divi8_image_carousel_item,
.carousel_content {
    background-color: rgba(255,255,255,0) !important;
}


/************************************************************/
/* Clases para ocultar módulos según el idioma seleccionado */
html[lang^="es"] .hide-es,
html[lang^="en"] .hide-en,
html[lang^="pt"] .hide-pt {
	display: none !important;
}


/* Efecto hover en módulo anuncio (blurb) */
.blurb-hover {
  transition: all 0.3s ease;
}

.blurb-hover:hover {
  transform: scale(1.05);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.row-comprar {
	text-align: center;
}

.cta-comprar {
	display: inline-block;
	text-align: center !important;
	margin: 10px !important;
	padding: 20px !important;
}

.cta-comprar .et_pb_promo_description {
	padding-bottom: 10px !important;
}