.elementor-360 .elementor-element.elementor-element-f68df82{--display:flex;--min-height:939px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.51;}.elementor-360 .elementor-element.elementor-element-f68df82:not(.elementor-motion-effects-element-type-background), .elementor-360 .elementor-element.elementor-element-f68df82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casagracia.com.co/wp-content/uploads/2026/05/DSC5875.jpg-scaled.jpeg");background-size:cover;}.elementor-360 .elementor-element.elementor-element-f68df82::before, .elementor-360 .elementor-element.elementor-element-f68df82 > .elementor-background-video-container::before, .elementor-360 .elementor-element.elementor-element-f68df82 > .e-con-inner > .elementor-background-video-container::before, .elementor-360 .elementor-element.elementor-element-f68df82 > .elementor-background-slideshow::before, .elementor-360 .elementor-element.elementor-element-f68df82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-360 .elementor-element.elementor-element-f68df82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A9EEDB;--background-overlay:'';}.elementor-360 .elementor-element.elementor-element-10ea21f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 153px;--row-gap:0px;--column-gap:153px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:63px;--margin-left:0px;--margin-right:0px;}.elementor-360 .elementor-element.elementor-element-f78efd8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:11px 11px 11px 11px;}.elementor-360 .elementor-element.elementor-element-f78efd8:not(.elementor-motion-effects-element-type-background), .elementor-360 .elementor-element.elementor-element-f78efd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B5946;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-360 .elementor-element.elementor-element-bdc9228{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-360 .elementor-element.elementor-element-bdc9228 .elementor-heading-title{font-family:"Silk Serif", Sans-serif;font-size:33px;font-weight:500;color:#FFFFFF;}.elementor-360 .elementor-element.elementor-element-0886624{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-360 .elementor-element.elementor-element-a5eb3d5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:11px 11px 11px 11px;}.elementor-360 .elementor-element.elementor-element-a5eb3d5:not(.elementor-motion-effects-element-type-background), .elementor-360 .elementor-element.elementor-element-a5eb3d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B5946;}.elementor-360 .elementor-element.elementor-element-46f6ea2{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-360 .elementor-element.elementor-element-46f6ea2 .elementor-heading-title{font-family:"Silk Serif", Sans-serif;font-size:33px;font-weight:500;color:#FFFFFF;}.elementor-360 .elementor-element.elementor-element-56ae7e9{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-360 .elementor-element.elementor-element-2effa25{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 153px;--row-gap:0px;--column-gap:153px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:63px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-360 .elementor-element.elementor-element-10ea21f{--grid-auto-flow:row;}.elementor-360 .elementor-element.elementor-element-2effa25{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-360 .elementor-element.elementor-element-f68df82{--content-width:1385px;}}@media(max-width:767px){.elementor-360 .elementor-element.elementor-element-10ea21f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-360 .elementor-element.elementor-element-2effa25{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-0886624 *//* ==========================================================================
   Personalización para Formularios de Ultimate Member
   ========================================================================== */

/* Contenedor principal del formulario */
.um {
    background-color: #0B5946 !important;
    padding: 30px !important;
    border-radius: 8px !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Títulos del formulario y de las secciones (Ajuste a Sans-Serif) */
.um .um-form-title,
.um .um-profile-nav,
.um .um-section-title,
.um h2, .um h3 {
    font-family: sans-serif !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Etiquetas de los campos (Labels) y texto general */
.um .um-label,
.um .um-field-label,
.um .um-tip,
.um-field-area,
.um {
    color: #ffffff !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Campos de entrada de texto, áreas de texto y desplegables */
.um .um-form input[type="text"],
.um .um-form input[type="search"],
.um .um-form input[type="password"],
.um .um-form input[type="email"],
.um .um-form textarea,
.um .um-form select {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Color del texto de marcador (Placeholder) dentro de los inputs */
.um .um-form input::placeholder,
.um .um-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Iconos dentro de los campos (si están activos) */
.um .um-field-icon i {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Botón principal de envío (Submit / Registrarse / Loguearse) */
.um .um-button,
.um input[type="submit"].um-button {
    background-color: #ffffff !important;
    color: #0B5946 !important;
    font-family: sans-serif !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    border: none !important;
    text-shadow: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Efecto Hover en el botón principal */
.um .um-button:hover,
.um input[type="submit"].um-button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #0B5946 !important;
}

/* Botones secundarios (ej. enlace de "Volver" o "Registrarse" alternativo) */
.um .um-button.um-alt,
.um .um-link-alt {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: sans-serif !important;
}

.um .um-button.um-alt:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Enlaces secundarios (¿Olvidaste tu contraseña?, etc.) */
.um .um-link,
.um a.um-link {
    color: #ffffff !important;
    text-decoration: underline !important;
    opacity: 0.8;
}

.um .um-link:hover {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-56ae7e9 *//* ==========================================================================
   Personalización para Formularios de Ultimate Member
   ========================================================================== */

/* Contenedor principal del formulario */
.um {
    background-color: #0B5946 !important;
    padding: 30px !important;
    border-radius: 8px !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Títulos del formulario y de las secciones (Ajuste a Sans-Serif) */
.um .um-form-title,
.um .um-profile-nav,
.um .um-section-title,
.um h2, .um h3 {
    font-family: sans-serif !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Etiquetas de los campos (Labels) y texto general */
.um .um-label,
.um .um-field-label,
.um .um-tip,
.um-field-area,
.um {
    color: #ffffff !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Campos de entrada de texto, áreas de texto y desplegables */
.um .um-form input[type="text"],
.um .um-form input[type="search"],
.um .um-form input[type="password"],
.um .um-form input[type="email"],
.um .um-form textarea,
.um .um-form select {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px !important;
    font-family: "Century Gothic", AppleGothic, sans-serif !important;
}

/* Color del texto de marcador (Placeholder) dentro de los inputs */
.um .um-form input::placeholder,
.um .um-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Iconos dentro de los campos (si están activos) */
.um .um-field-icon i {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Botón principal de envío (Submit / Registrarse / Loguearse) */
.um .um-button,
.um input[type="submit"].um-button {
    background-color: #ffffff !important;
    color: #0B5946 !important;
    font-family: sans-serif !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    border: none !important;
    text-shadow: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Efecto Hover en el botón principal */
.um .um-button:hover,
.um input[type="submit"].um-button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #0B5946 !important;
}

/* Botones secundarios (ej. enlace de "Volver" o "Registrarse" alternativo) */
.um .um-button.um-alt,
.um .um-link-alt {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: sans-serif !important;
}

.um .um-button.um-alt:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Enlaces secundarios (¿Olvidaste tu contraseña?, etc.) */
.um .um-link,
.um a.um-link {
    color: #ffffff !important;
    text-decoration: underline !important;
    opacity: 0.8;
}

.um .um-link:hover {
    opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Silk Serif';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://casagracia.com.co/wp-content/uploads/2026/05/SilkSerif-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Silk Serif';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://casagracia.com.co/wp-content/uploads/2026/05/SilkSerif-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Silk Serif';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://casagracia.com.co/wp-content/uploads/2026/05/SilkSerif-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Silk Serif';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://casagracia.com.co/wp-content/uploads/2026/05/SilkSerif-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */