/*
	Theme Name:   MARDOM55
	Author:       Randol Frias
	Author URI:   https://randolfrias.com
	Template:     twentytwenty
	Version:      1.2.3.3
*/

.footer-mardom a{
	color:#333 !important;
}

.info-event p {
    margin: 0 0 0.4em 0 !important;
}

p {
    margin: 0 0 0 0 !important;
	line-height: 1.2 !important;
}

em {
    color: #003683 !important;
	font-size:18px !important;
	font-weight: 400;
}

.elementor-widget-image a {
    display: block !important;
}

/* HEADER con borde azul curvo (como la imagen) */ 
.header-gradient-border{ 
	--b: 0px; /* grosor del borde */ 
	--r: 90px; /* radio de las esquinas */ 
	position: relative; 
	isolation: isolate; 
	background: transparent !important; /* para que el contenido no se monte sobre el borde */ 
	padding: 0 var(--b) var(--b); 
} 

/* Capa exterior (azul) */ 
.header-gradient-border::before{ 
	content: ""; 
	position: absolute; 
	inset: 0; 
	background: #003683; /* aquí puedes poner un gradient si quieres */ 
	border-top-left-radius: 0; 
	border-top-right-radius: 0; 
	border-bottom-left-radius: var(--r); 
	border-bottom-right-radius: var(--r); 
	pointer-events: none; 
	z-index: 0; 
	top: 15px; 
} 

/* Capa interior (blanca) que “tapa” arriba para que NO exista borde superior */ 
.header-gradient-border::after{ 
	content: ""; 
	position: absolute; 
	top: 0; 
	left: var(--b); 
	right: var(--b); 
	bottom: var(--b); 
	background: #fff; /* un poquito menos para que el borde siga la curva */ 
	border-radius: calc(var(--r) - var(--b)); 
	border-top-left-radius: 0; 
	border-top-right-radius: 0; 
	pointer-events: none; z-index: 1; } 

/* Asegura que el contenido quede por encima */ 
.header-gradient-border > *{ 
	position: relative; 
	z-index: 2; 
}

/* Contenedor principal */
#rsvp {
  background-color: #cfdde4 !important;
  padding: 15px !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important; /* centra el botón también */
}

/* Campos de entrada */
.wpforms-container-full .wpforms-form input[type="text"],
.wpforms-container-full .wpforms-form input[type="email"],
.wpforms-container-full .wpforms-form input[type="tel"],
.wpforms-container-full .wpforms-form input[type="number"],
.wpforms-container-full .wpforms-form textarea,
.wpforms-container-full .wpforms-form select {
  display: block !important;
  width: 80% !important; /* controla el ancho relativo dentro del contenedor */
  max-width: 600px !important; /* ancho máximo fijo */
  margin: 0 auto 18px auto !important; /* centrado horizontal + espaciado */
  padding: 20px 18px !important;
  border: 1px solid #3576D2 !important;
  border-radius: 25px !important;
  background-color: #fff !important;
  font-size: 20px !important;
  color: #7d7d7d !important;
  outline: none !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
  text-align: left !important; /* mantiene el texto alineado dentro del input */
}

.wpforms-container-full .wpforms-form input:focus,
.wpforms-container-full .wpforms-form textarea:focus,
.wpforms-container-full .wpforms-form select:focus {
  box-shadow: 0 0 0 2px rgba(0, 128, 255, 0.25) !important;
}

/* Placeholder */
.wpforms-container-full .wpforms-form ::placeholder {
  color: #aaa !important;
  font-weight: 300 !important;
}

/* Botón Enviar */
.wpforms-container-full .wpforms-form button[type="submit"],
.wpforms-container-full .wpforms-form input[type="submit"] {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 5px 50px !important;
  border-radius: 25px !important;
  background: #fff !important;              /* fondo blanco */
  border: 2px solid #003683 !important;     /* borde azul */
  color: #7D7D7D !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
	font-size: 25px !important;
	font-family: "Lato", Sans-serif;
}

.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.wpforms-container-full .wpforms-form input[type="submit"]:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Contenedor del encabezado */
.gradient-title {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Estilo del texto dentro del encabezado */
.gradient-title .elementor-heading-title {
  position: relative;
  display: inline-block;
  padding: 24px 0;
  margin: 0;
}

/* Líneas superior e inferior con degradado */
/* .gradient-title .elementor-heading-title::before,
.gradient-title .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 120%; 
  height: 4px; 
  background: #30BBDA;
  border-radius: 4px; */
}

/* Versión móvil (ajusta proporción del ancho y grosor) */
@media (max-width: 767px) {
  .gradient-title .elementor-heading-title::before,
  .gradient-title .elementor-heading-title::after {
    width: 105%; /* más cercano al texto en pantallas pequeñas */
    height: 2px; /* línea un poco más delgada */
  }
	
	.wpforms-container-full .wpforms-form input[type="text"],
	.wpforms-container-full .wpforms-form input[type="email"],
	.wpforms-container-full .wpforms-form input[type="tel"],
	.wpforms-container-full .wpforms-form input[type="number"],
	.wpforms-container-full .wpforms-form textarea,
	.wpforms-container-full .wpforms-form select {
  		width: 100% !important; /* controla el ancho relativo dentro del contenedor */
	}
	
	em {
	font-size:18px !important;
	}
	.wpforms-container-full .wpforms-form{
		padding: 60px !important;
	}
	.wpforms-container-full .wpforms-form {
		box-shadow: 0 4px 12px rgb(0 0 0 / 10%) !important;
	}
}

@media (max-width: 1283px) and (min-width: 1025px) {
	.btn-contactus .elementor-button-text{
		font-size:15px;
	}
}

/* Línea superior */
.gradient-title .elementor-heading-title::before {
  top: 0;
}

/* Línea inferior */
.gradient-title .elementor-heading-title::after {
  bottom: 0;
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #f2f2f2 !important;
    border: 1px solid #b4d39b;
	font-family: "Helvetica", Sans-serif;
	color:#7d7d7d;
	text-align:center;
}