/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 28 2025 | 20:23:17 */
/** AJUSTES GENERALES **/

p {
	color: var(--e-global-color-text);
    font-family: "Lexend", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/** TOURS **/
.backlink {
    background-color: transparent;
    text-decoration: none;
    color: var(--e-global-color-accent);
	font-weight:600;
	font-size:20px
}

.tour .page-header {
	display:none;
}

.tour .whitecontent {
    background: var(--e-global-color-5228df3);
    padding: 2rem;
    margin-top: 20vh;
}

.featureimg {
    background-color: var(--e-global-color-secondary);
	background-image: url(http://unilat.mx/web/wp-content/uploads/2025/02/Coverb.png);
	background-size:cover;
	background-position:top center;
    width: 99vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 60vh;
    z-index: -1;
	overflow: hidden;
}

.featureimg .size-full {
	width: 99vw;
	margin-top:-10%;
}


.overlay-ico-cover {
    height: 75vh;
    position: absolute;
	mix-blend-mode: plus-lighter;
}

.tour h1 {
	text-align:center;
	color:var(--e-global-color-secondary);
	font-family:var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size:2rem;
	margin:2rem auto 1rem auto;
}

.tour h3  {
	text-align:center;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
       font-weight: 300;
    font-size: 1.4rem;
    margin-bottom: 3rem;
}

.tour h4 {
	text-align:left;
	color:var(--e-global-color-secondary);
	font-weight: var(--e-global-typography-primary-font-weight);
	font-family:var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size:1.5rem;
	margin-bottom:1.5rem;
}

.tour .elementor-button {
	margin:1rem auto;
}

/** TOURS CARDS **/
.podlistwarp  .elementor-shortcode{
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos se acomoden en varias filas */
  gap: 20px; /* Espacio entre las tarjetas */
  justify-content: space-between; /* Alinea las columnas */
}

.tourcard {
   flex: 1 1 calc(50% - 20px); /* 50% de ancho menos el espacio entre las columnas */
  box-sizing: border-box; /* Asegura que el padding y el border no afecten el tamaño */
	display:flex;

} 

.tourcard .whitecontent {
        background: var(--e-global-color-5228df3);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	flex: 1;
}

.tourcard .featureimg {
  background-color: var(--e-global-color-secondary);
    background-image: url(http://unilat.mx/web/wp-content/uploads/2025/02/Coverb.png);
    background-size: cover;
    background-position: top center;
    width: 200px;
    position: initial;
    top: 0;
    left: 0;
    height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 0;
	flex: 0 0 30%; 
}

.tourcard .featureimg .size-full {
	height: 300px;
    width: auto;
    margin-top: 0;
    max-width: none;
}

.tourcard h1 {
	text-align:center;
	color:var(--e-global-color-secondary);
	font-family:var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size:20px;
	margin:1rem auto;
}

.tourcard h3  {
	text-align:center;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
       font-weight: 300;
    font-size: 14px;
    margin-bottom: 1rem;
}

/** FORMULARIO **/

.contacformunilat .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.contacformunilat .wpforms-field {
    width: 33.3%;
}

.contacformunilat input[type=text],
.contacformunilat input[type=email],
.contacformunilat  select.wpforms-field-small,
.contacformunilat  select.wpforms-field-medium {
	max-width: 95% !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    color: var(--e-global-color-secondary) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--e-global-color-secondary) !important;
}

.contacformunilat .wpforms-field-textarea textarea{
	background-color: transparent !important;
    border-radius: 0 !important;
    color: var(--e-global-color-secondary) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--e-global-color-secondary) !important;
}


.contacformunilat .wpforms-field-checkbox, 
.contacformunilat .wpforms-field-textarea{
    width: 100%;
}

.contacformunilat div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    max-width: 99%;
}
 
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center;
}

.contacformunilat a {
    color: var(--e-global-color-accent);
}

/**RESPONSIVO*/

@media only screen and (max-width: 768px) {
  /* Reglas CSS que se aplicarán en dispositivos con ancho máximo de 768px */
 .podlistwarp .elementor-shortcode {
    flex-direction: column;
}

.contacformunilat .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    align-items: center;
}
.contacformunilat .wpforms-field {
    width: 90%;
}
	
.contacformunilat .wpforms-field-checkbox, .contacformunilat .wpforms-field-textarea {
    width: 90%;
}

.tourcard {
    flex: 1 1 100%; /* 100% de ancho para que se apilen en una sola columna */
  }
	
}