.elementor-4603 .elementor-element.elementor-element-c3fd698{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-56ecbcb3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-6f2af9ed:not(.elementor-motion-effects-element-type-background), .elementor-4603 .elementor-element.elementor-element-6f2af9ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.katherinecanto.com/wp-content/uploads/2026/07/bn-main-centro-estrategico-de-servicio-terpel.jpg");background-size:cover;}.elementor-4603 .elementor-element.elementor-element-6f2af9ed > .elementor-container{min-height:270px;}.elementor-4603 .elementor-element.elementor-element-6f2af9ed, .elementor-4603 .elementor-element.elementor-element-6f2af9ed > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-4603 .elementor-element.elementor-element-6f2af9ed{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-6f2af9ed > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4603 .elementor-element.elementor-element-2a6d987a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-f79c425{margin-top:0px;margin-bottom:0px;padding:15px 0px 60px 0px;}.elementor-4603 .elementor-element.elementor-element-4af29e9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-5c3a41c{margin-top:0px;margin-bottom:0px;padding:0px 0px 20px 0px;}.elementor-4603 .elementor-element.elementor-element-284d0c3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-4603 .elementor-element.elementor-element-284d0c3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4603 .elementor-element.elementor-element-d43d60d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 10px 0px;font-family:"Terpel Sans", Sans-serif;font-size:13px;font-weight:600;line-height:26px;color:#1A3A42;}.elementor-4603 .elementor-element.elementor-element-a8a65eb > .elementor-container{max-width:811px;}.elementor-4603 .elementor-element.elementor-element-a8a65eb{margin-top:0px;margin-bottom:20px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-6c86afe > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 60px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-df3c1e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;text-align:start;font-family:"Terpel Sans Bold", Sans-serif;font-size:31px;font-weight:700;line-height:42px;color:#132023;}.elementor-4603 .elementor-element.elementor-element-c956b8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;color:#132023;}.elementor-4603 .elementor-element.elementor-element-0054dd8 > .elementor-container{max-width:811px;}.elementor-4603 .elementor-element.elementor-element-0054dd8{margin-top:0px;margin-bottom:70px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-116aafa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-47bf0fe{background-color:#F3F3F3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-radius:25px 25px 25px 25px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-4603 .elementor-element.elementor-element-6f2af9ed > .elementor-container{min-height:180px;}.elementor-4603 .elementor-element.elementor-element-f79c425{padding:20px 0px 0px 20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4603 .elementor-element.elementor-element-6c86afe > .elementor-element-populated{padding:35px 0px 0px 0px;}.elementor-4603 .elementor-element.elementor-element-df3c1e0{font-size:25px;}.elementor-4603 .elementor-element.elementor-element-116aafa > .elementor-element-populated{padding:35px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-5c3a41c */#enlace-breadcrumbs-faqs a {
    color:#FF0818;
    text-decoration: underline;
    padding: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47bf0fe *//* ============================================================
   CSS - Formulario de Contacto estilo Terpel Panamá
   Pega este código en el widget "HTML personalizado" o en
   Elementor > Editar CSS Personalizado (Advanced tab) del widget.

   IMPORTANTE: envuelve tu formulario ya pegado con este div:
   <div class="terpel-form">
       ... aquí va el <form>...</form> que ya tienes ...
   </div>
   Esto evita que las clases genéricas (row, col, btn, etc.)
   choquen con otros estilos de tu tema.
   ============================================================ */

.terpel-form {
    --terpel-rojo: #E5222C;
    --terpel-rojo-hover: #C21A22;
    --terpel-texto: #333333;
    --terpel-borde: #d9d9d9;
    font-family: inherit;
    color: var(--terpel-texto);
}

/* ---------- Grid (row / col) ---------- */
.terpel-form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.terpel-form .row.row-cols-1.row-cols-md-2 > .col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .terpel-form .row.row-cols-1.row-cols-md-2 > .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* ---------- Márgenes utilitarios ---------- */
.terpel-form .margin-1-rem-bottom { margin-bottom: 1rem; }
.terpel-form .margin-25px-bottom  { margin-bottom: 25px; }
.terpel-form .margin-10px-top     { margin-top: 10px; }

@media (max-width: 767px) {
    .terpel-form .sm-margin-25px-bottom { margin-bottom: 25px; }
    .terpel-form .sm-margin-10px-bottom { margin-bottom: 10px; }
}

@media (min-width: 992px) {
    .terpel-form .lg-margin-10px-bottom { margin-bottom: 10px; }
}

@media (min-width: 768px) {
    .terpel-form .md-margin-auto-lr {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ---------- Inputs, selects y textarea ---------- */
.terpel-form .medium-input,
.terpel-form .medium-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 52px;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.4;
    border: 1px solid var(--terpel-borde);
    border-radius: 4px;
    background-color: #ffffff;
    color: var(--terpel-texto);
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.terpel-form select.medium-input {
    /* flechita custom para los <select> */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 36px;
    cursor: pointer;
}

.terpel-form .medium-textarea.h-200px {
    height: 200px;
    resize: vertical;
    padding-top: 14px;
}

.terpel-form .medium-input::placeholder,
.terpel-form .medium-textarea::placeholder {
    color: #8a8a8a;
    opacity: 1;
}

.terpel-form .medium-input:focus,
.terpel-form .medium-textarea:focus {
    outline: none;
    border-color: var(--terpel-rojo);
    box-shadow: 0 0 0 3px rgba(229, 34, 44, 0.12);
}

/* Estado requerido/inválido (opcional, sutil) */
.terpel-form .required:invalid {
    border-color: var(--terpel-borde);
}

/* ---------- Botón ---------- */
.terpel-form .btn {
    font-family: inherit;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.terpel-form .btn-large {
    padding: 14px 40px;
    font-size: 15px;
}

.terpel-form .btn-red {
    background-color: var(--terpel-rojo);
    color: #ffffff;
}

.terpel-form .btn-red:hover {
    background-color: var(--terpel-rojo-hover);
    color: #ffffff;
}

.terpel-form .btn-red:active {
    transform: translateY(1px);
}

.terpel-form .btn-rounded {
    border-radius: 30px;
}

.terpel-form .d-table {
    display: table;
}

@media (min-width: 992px) {
    .terpel-form .d-lg-inline-block {
        display: inline-block;
    }
}

.terpel-form .alt-font {
    text-transform: uppercase;
}

/* ---------- Texto de autorización de datos ---------- */
.terpel-form .text-start {
    text-align: left;
}

/* ---------- Checkbox / autorización (si aplica) ---------- */
.terpel-form input[type="checkbox"] {
    width: auto;
    height: auto;
    margin-right: 8px;
    vertical-align: middle;
    accent-color: var(--terpel-rojo);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Terpel Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.katherinecanto.com/wp-content/uploads/2026/03/Terpel-Sans-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Terpel Sans Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.katherinecanto.com/wp-content/uploads/2026/03/Terpel-Sans-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */