/*
 * CF Tools — Editor de Estilos
 * Archivo generado automáticamente. NO EDITAR MANUALMENTE.
 * Cualquier cambio manual será reemplazado al guardar desde el complemento.
 * Generado: 2026-09-09 10:25:19
 */

/* ==========================================================
   WEB PÚBLICA
   ========================================================== */

/* ESTILO: [data-prefix="single_page"] .entry-header .page-title | Fallback inteligente para el título de página en Blocksy. */

[data-prefix="single_page"] .entry-header .page-title {
    --theme-font-size: 43px;
    --theme-letter-spacing: 0.01em;
}

/* ESTILO: .texto-sombreado | Texto con fondo semitransparente. */

.texto-sombreado {
    background-color: rgba(0, 0, 0, 0.1); /* Color de fondo con transparencia */
    padding: 7px; /* Espaciado interno */
    border-radius: 7px; /* Bordes redondeados */
}

/* ESTILO: .texto-con-sombra | Texto con sombra suave. */

.texto-con-sombra {
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); /* Sombra negra suave */
}

/* ESTILO: .texto-con-sombra-grande | Texto con sombra grande. */

.texto-con-sombra-grande {
    text-shadow: 7px 7px 13px rgba(0, 0, 0, 0.5); /* Sombra negra suave */
}

/* ==========================================================
   UTILIDADES
   ========================================================== */

/* ESTILO: .fcmpe-invisible-field | Campo invisible de Forminator. */

.fcmpe-invisible-field {
    display: none !important;
}

/* ==========================================================
   NOTAS
   ========================================================== */

/* BASE: .cmpe-nota | NOTAS | Base para notas FCMPE. */

.cmpe-nota {
    position: relative;
    border: 1px solid transparent;
    border-radius: 0.87rem;
    line-height: 1.3;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 17px 21px 17px 21px; /* top right bottom left */
}

.cmpe-nota ul:last-child,
.cmpe-nota ol:last-child {
    margin-bottom: 0.7em;
    margin-bottom: 0.7em;
}

/* VARIANTE: .cmpe-nota | .n-fcmpe | For note to the FCMPE only */

.n-fcmpe {
    color: #495057;
    background-color: #E3EAF3 !important;
    border-color: #6D7C8A;
    border-left: 5px solid #6D7C8A;
}

/* VARIANTE: .cmpe-nota | .n-customer | For note to the Customer, Reading context, Questions... */

.n-customer {
    color: #383d41;
    background-color: #F7F7F7 !important;
    border-color: #7F7F7F;
    border-left: 5px solid #7F7F7F;
}

/* VARIANTE: .cmpe-nota | .n-vis | For note to the Visualizations, Reader friendly... */

.n-vis {
    color: #383d41;
    background-color: #FFFFFF !important;
    border-color: #7F7F7F;
    border-left: 5px solid #7F7F7F;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    font-size: 14pt;
}

/* VARIANTE: .cmpe-nota | .n-success | For note with Sucess */

.n-success {
    color: #006100;
    background-color: #DBF5E0 !important;
    border-color: #155724;
    border-left: 5px solid #155724;
}

/* VARIANTE: .cmpe-nota | .n-danger | For note with Danger */

.n-danger {
    color: #9C0006;
    background-color: #FFC7CE !important;
    border-color: #721c24;
    border-left: 5px solid #721c24;
}

/* VARIANTE: .cmpe-nota | .n-warning | For note with Warning */

.n-warning {
    color: #9C5700;
    background-color: #FFF6D1 !important;
    border-color: #856404;
    border-left: 5px solid #856404;
}

/* VARIANTE: .cmpe-nota | .n-info | For note with Info */

.n-info {
    color: #156082;
    background-color: #E3F6FD !important;
    border-color: #0c5460;
    border-left: 5px solid #0c5460;
}

/* VARIANTE: .cmpe-nota | .n-white | For White note */

.n-white {
    color: #2b2f32;
    background-color: #F5F5F5 !important;
    border-color: #888888;
    border-left: 5px solid #888888;
}

/* VARIANTE: .cmpe-nota | .n-black | For black note */

.n-black {
    color: #ffffff;
    background-color: #2b2f32 !important;
    border-color: #888888;
    border-left: 5px solid #888888;
}

/* ==========================================================
   MARCADORES
   ========================================================== */

/* ESTILO: .cmpe-marker-fcmpe | For Marker to the FCMPE only */

.cmpe-marker-fcmpe {
    background-color: #D0E3F4;
}

/* ESTILO: .cmpe-marker-customer | For Marker to the Customer, Reading context, Questions... */

.cmpe-marker-customer {
    background-color: #e7e7e7; /* before: #dae5ee */
}

/* ESTILO: .cmpe-marker-success | For Marker with Success */

.cmpe-marker-success {
    color: #006100;
    background-color: #C6EFCE;
}

/* ESTILO: .cmpe-marker-danger | For Marker with Danger */

.cmpe-marker-danger {
    color: #9C0006;
    background-color: #FFC7CE;
}

/* ESTILO: .cmpe-marker-warning | For Marker with Warning */

.cmpe-marker-warning {
    color: #9C5700;
    background-color: #FFEB9C;
}

/* ESTILO: .cmpe-marker-info | For Marker with Info */

.cmpe-marker-info {
    color: #156082;
    background-color: #E3F6FD;
}

/* ESTILO: .cmpe-marker-black | For Black Marker */

.cmpe-marker-black {
    color: #ffffff;
    background-color: #2b2f32;
}

/* ESTILO: .cmpe-highlight-yellow | For Highlight Marker */

.cmpe-highlight-yellow {
    background-color: #ccff00;
}

/* ESTILO: .cmpe-highlight-pink | For Highlight Marker */

.cmpe-highlight-pink {
    background-color: #ff00ff;
}

/* ESTILO: .cmpe-highlight-green | For Highlight Marker */

.cmpe-highlight-green {
    background-color: #00ff00;
}

/* ESTILO: .cmpe-highlight-orange | For Highlight Marker */

.cmpe-highlight-orange {
    background-color: #ff9900;
}

/* ESTILO: .cmpe-highlight-blue | For Highlight Marker */

.cmpe-highlight-blue {
    background-color: #00ccff;
}

/* ==========================================================
   POST-IT 170 × 170
   ========================================================== */

/* BASE: Post-it 170 × 170 | POST-IT 170 × 170 | Propiedades compartidas por todos los Post-it cuadrados; mantiene las clases existentes. */

.cmpe-post-it-yellow,
.cmpe-post-it-blue,
.cmpe-post-it-green,
.cmpe-post-it-peach,
.cmpe-post-it-orange,
.cmpe-post-it-lavender,
.cmpe-post-it-white,
.cmpe-post-it-dark {
    width: 170px;
    height: 170px;
    padding: 10px;
    margin: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    transform: rotate(-3deg);
    font-family: 'Comic Sans MS', cursive, sans-serif;
    font-size: 13px; /* Adjust size as needed */
    position: relative;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-yellow | For Post-it notes */

.cmpe-post-it-yellow {
    display: inline-block;
    color: #2b2f32;
    background-color: #ffeb3b; /* Classic Post-it yellow */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-blue | For Post-it notes */

.cmpe-post-it-blue {
    color: #2b2f32;
    background-color: #e0f7fa; /* Soft blue for a calming effect */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-green | For Post-it notes */

.cmpe-post-it-green {
    color: #2b2f32;
    background-color: #dcedc8; /* Light green for a fresh look */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-peach | For Post-it notes */

.cmpe-post-it-peach {
    color: #2b2f32;
    background-color: #ffe0b2; /* Peach for a warm and inviting feel */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-orange | For Post-it notes */

.cmpe-post-it-orange {
    color: #2b2f32;
    background-color: #ffcc80; /* Light orange for a vibrant and energetic touch */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-lavender | For Post-it notes */

.cmpe-post-it-lavender {
    color: #2b2f32;
    background-color: #e1bee7; /* Light Lavender for a calm and fresh feel */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-white | For Post-it notes */

.cmpe-post-it-white {
    color: #2b2f32;
    background-color: #F5F5F5; /* WHITE for a blank note */
    border-color: #333333;
}

/* VARIANTE: Post-it 170 × 170 | .cmpe-post-it-dark | For Post-it notes */

.cmpe-post-it-dark {
    color: #cccccc;
    background-color: #2b2b2b; /* BLACK for a dark note */
    border-color: #c4c6c9;
}

/* ==========================================================
   POST-IT 350
   ========================================================== */

/* BASE: Post-it 350 | POST-IT 350 | Propiedades compartidas por los Post-it amplios; mantiene las clases existentes. */

.cmpe-post-it2-yellow,
.cmpe-post-it2-blue,
.cmpe-post-it2-green,
.cmpe-post-it2-peach,
.cmpe-post-it2-orange,
.cmpe-post-it2-lavender,
.cmpe-post-it2-white,
.cmpe-post-it2-dark {
    width: 350px;
    padding: 10px;
    margin: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    transform: rotate(2deg);
    font-family: 'Comic Sans MS', cursive, sans-serif;
    font-size: 13px; /* Adjust size as needed */
    position: relative;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-yellow | For Post-it 2 Sticky Notes */

.cmpe-post-it2-yellow {
    color: #2b2f32;
    background-color: #ffeb3b; /* Classic Post-it yellow */
    border-color: #c4c6c9;
    display: inline-block;
    min-height: 100px;
    min-width: 150px;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-blue | For Post-it 2 Sticky Notes */

.cmpe-post-it2-blue {
    color: #2b2f32;
    background-color: #e0f7fa; /* Soft blue for a calming effect */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-green | For Post-it 2 Sticky Notes */

.cmpe-post-it2-green {
    color: #2b2f32;
    background-color: #dcedc8; /* Light green for a fresh look */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-peach | For Post-it 2 Sticky Notes */

.cmpe-post-it2-peach {
    color: #2b2f32;
    background-color: #ffe0b2; /* Peach for a warm and inviting feel */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-orange | For Post-it 2 Sticky Notes */

.cmpe-post-it2-orange {
    color: #2b2f32;
    background-color: #ffcc80; /* Light orange for a vibrant and energetic touch */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-lavender | For Post-it 2 Sticky Notes */

.cmpe-post-it2-lavender {
    color: #2b2f32;
    background-color: #e1bee7; /* Light Lavender for a calm and fresh feel */
    border-color: #c4c6c9;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-white | For Post-it 2 Sticky Notes */

.cmpe-post-it2-white {
    color: #2b2f32;
    background-color: #F5F5F5; /* WHITE for a blank note */
    border-color: #333333;
}

/* VARIANTE: Post-it 350 | .cmpe-post-it2-dark | For Post-it 2 Sticky Notes */

.cmpe-post-it2-dark {
    color: #cccccc;
    background-color: #2b2b2b; /* BLACK for a dark note */
    border-color: #c4c6c9;
}

/* ==========================================================
   VENTANAS FLOTANTES
   ========================================================== */

/* BASE: .fcmpe-floater | VENTANAS FLOTANTES | Base container y estados/utilidades directamente asociados a la ventana flotante. */

/* Base container */
.fcmpe-floater {
    --fcmpe-w: 200px; /* default width; overridden per-window below */
    --fcmpe-h: 50vh; /* default height; overridden per-window below */
    position: fixed !important;
    left: 16px;
    top: 16px;
    right: auto;
    bottom: auto;
    inset: auto auto auto auto; /* we’ll set specific sides per window below */
    width: var(--fcmpe-w);
    height: var(--fcmpe-h);
    display: none; /* hidden by default; .open → flex */
    flex-direction: column;
    max-height: none; /* ensure fixed height behavior */
    background: #fff;
    border: 1px solid #444; /* original = #ddd */
    border-radius: 33px; /* rounded corners based on font size */
    overflow: hidden; /* keep corners clean */
    box-shadow: 0 0.625em 1.75em rgba(0,0,0,.25);
    z-index: 99999;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 0.8em; /* 0.9em of surrounding context */
    line-height: 1.35;
}

/* Shown state */
.fcmpe-floater.open {
    display: flex;
}

/* Focus visible para links */
.fcmpe-floater a:focus-visible {
    outline: 0.125em solid currentColor;
    outline-offset: 0.125em;
}

/* Optional WebKit scrollbar */
.fcmpe-floater::-webkit-scrollbar {
    width: 10px;
}

.fcmpe-floater::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 0.625em;
}

.fcmpe-floater::-webkit-scrollbar-track {
    background: #f3f4f6;
}

/* ESTILO: .fcmpe-head | Header / drag handle. */

.fcmpe-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
    padding: 0.5em 0.625em;
    font-weight: 600;
    font-size: 1em; /* relative to floater base */
    background: #cdd2e1; /* original = #f0f4ff */
    border-bottom: 1px solid #dbe6ff;
    cursor: move; /* drag handle */
    user-select: none;
}

/* ESTILO: .fcmpe-title | Título del header. */

.fcmpe-title {
    margin: 0;
    font-size: 0.9em;
}

/* ESTILO: .fcmpe-actions | Contenedor de acciones del header. */

.fcmpe-actions {
    display: flex;
    gap: 0.4em;
}

/* ESTILO: .fcmpe-btn | Botones de acción con emoji. */

/* Emoji-only buttons: no UA border/background */
.fcmpe-btn {
    border: none;
    background: transparent;
    padding: 0; /* keep emoji tight */
    line-height: 1;
    font-size: 1.1em; /* bump emoji size slightly; adjust as needed */
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/* No hover bg for emoji buttons */
.fcmpe-btn:hover {
    background: transparent;
}

.fcmpe-btn:focus-visible {
    outline: 0.125em solid #3b82f6;
    outline-offset: 0.125em;
}

/* ESTILO: .fcmpe-body | Área de contenido y colapsables. */

.fcmpe-body {
    flex: 1 1 auto;
    overflow: auto; /* scroll only when needed */
    padding: 0.625em; /* content padding */
}

/* Collapsibles */
.fcmpe-body details {
    border: 1px solid #eee;
    border-radius: 0.5em;
    padding: 0.5em 0.6em;
    margin-bottom: 0.5em;
}

.fcmpe-body summary {
    cursor: pointer;
    font-weight: 600;
}

/* ESTILO: .fcmpe-table | Tabla para Customer Info. */

.fcmpe-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
}

.fcmpe-table th,
.fcmpe-table td {
    border-bottom: 1px solid #eee;
    padding: 0.4em 0.5em;
    text-align: left;
}

.fcmpe-table th {
    width: 40%;
    color: #555;
    font-weight: 600;
}

/* ESTILO: .fcmpe-muted | Texto secundario. */

.fcmpe-muted {
    color: #666;
    font-size: 0.85em;
}

/* VARIANTE: .fcmpe-floater | #fcmpe-floater-info | Customer Info — top-left */

#fcmpe-floater-info {
    --fcmpe-w: 200px; /* width */
    --fcmpe-h: 150px; /* fixed height */
    left: 16px;
    top: 96px; /* anchor: top-left */
    right: auto;
    bottom: auto;
}

/* VARIANTE: .fcmpe-floater | #fcmpe-floater-ref | Reference — below Customer Info on the left */

#fcmpe-floater-ref {
    --fcmpe-w: 200px;
    --fcmpe-h: 300px;
    left: 16px;
    top: 308px; /* 16 + 280 + 12 gap ≈ 308px; adjust when you see real content */
    right: auto;
    bottom: auto;
}

/* VARIANTE: .fcmpe-floater | #fcmpe-floater-notes | Temp Notes — bottom-left */

#fcmpe-floater-notes {
    --fcmpe-w: 200px;
    --fcmpe-h: 200px;
    left: 16px;
    bottom: 16px; /* anchor: bottom-left */
    right: auto;
    top: auto;
}

/* ==========================================================
   UTILIDADES
   ========================================================== */

/* ESTILO: .cf-referencia | CF — REFERENCIA / FUENTE. Uso: fuente o procedencia de un texto. Ejemplo: Módulo 1 · Patrón Reactivo */

.cf-referencia {
    display: block;
    margin-top: 0.35em;
    margin-bottom: 0.65em;
    font-size: 0.77em;
    line-height: 1.35;
    font-weight: 400;
    font-style: normal;
    color: #6f7782;
    text-align: right;
}

/* ESTILO: .cf-ejemplo */

.cf-ejemplo {
    display: block;
    margin: 0.65em 0;
    padding: 0.55em 0.8em;
    border-left: 3px solid #4f8fb8;
    border-radius: 3px;
    background: rgba(79, 143, 184, 0.07);
    font-style: normal;
}

.cf-ejemplo > :first-child {
    margin-top: 0;
}

.cf-ejemplo > :last-child {
    margin-bottom: 0;
}

/* ==========================================================
   DOCS-REFERENCIAS
   ========================================================== */

/* BASE: .cf-correcto-incorrecto | DOCS-REFERENCIAS */

.cf-correcto,
.cf-incorrecto {
    padding: 0.08em 0.28em;
    border-radius: 3px;
    font-weight: 600;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* VARIANTE: .cf-correcto-incorrecto | .cf-correcto */

.cf-correcto {
    background: rgba(48, 145, 92, 0.13);
}

/* VARIANTE: .cf-correcto-incorrecto | .cf-incorrecto */

.cf-incorrecto {
    background: rgba(190, 67, 67, 0.12);
}

/* ESTILO: .cf-scroll-x */

/* CF — SCROLL HORIZONTAL. Para tablas, diagramas o contenido ancho. */
.cf-scroll-x {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 73vh;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Regla 2 — tablas dentro del contenedor. Evita que una tabla se comprima para caber */
.cf-scroll-x > table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

/* Regla 3 — imágenes. Por seguridad */
.cf-scroll-x img {
    max-width: none;
}

/* Regla 4 — Fijar 1er columna */
.cf-scroll-x th:first-child,
.cf-scroll-x td:first-child {
    position: sticky;
    left: 0px;
    z-index: 2;
    background: #ffffff;
}

/* Regla 5 — Fijar Header */
.cf-scroll-x thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #FFFFFF;
}

/* Regla 6 — Fijar Header */
.cf-scroll-x thead th:first-child {
    left: 0;
    z-index: 4;
}

.cf-scroll-x th,
.cf-scroll-x td {
    border: 1px solid #aaa;
    padding: 6px;
}

/* ==========================================================
   FORMINATOR
   ========================================================== */

/* ESTILO: .cf-calculo-con-cero | Para agregar un "0" cuando un calculo sea cero y se muestre como "null" */

.cf-calculo-con-cero:empty::before {
    content: "0";
}

/* ESTILO: .cf-flex-wrap-center | Para agregar flexbox */

.cf-flex-wrap-center {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* ESTILO: .cf-form-center | Para centrar en flexbox */

.cf-form-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ESTILO: .cf-form-html-spacer | Para centrar en flexbox */

/* Para alinear campos HTML con Textarea */
.cf-form-html-spacer {
    padding-top: 7px !important;
}

@media (min-width: 783px) {
    /* ==========================================================
       FORMINATOR
       ========================================================== */

    /* ESTILO: .cf-form-w15 | Para defini width de campos de forminator */

    .cf-form-w15 {
        flex: 0 0 15% !important;
        width: 15% !important;
        max-width: 15% !important;
    }

    /* ESTILO: .cf-form-w20 | Para defini width de campos de forminator */

    .cf-form-w20 {
        flex: 0 0 20% !important;
        width: 20% !important;
        max-width: 20% !important;
    }

    /* ESTILO: .cf-form-w25 | Para defini width de campos de forminator */

    .cf-form-w25 {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
    }

    /* ESTILO: .cf-form-w30 | Para defini width de campos de forminator */

    .cf-form-w30 {
        flex: 0 0 30% !important;
        width: 30% !important;
        max-width: 30% !important;
    }

    /* ESTILO: .cf-form-w33 | Para defini width de campos de forminator */

    .cf-form-w33 {
        flex: 0 0 33.33% !important;
        width: 33.33% !important;
        max-width: 33.33% !important;
    }

    /* ESTILO: .cf-form-w35 | Para defini width de campos de forminator */

    .cf-form-w35 {
        flex: 0 0 35% !important;
        width: 35% !important;
        max-width: 35% !important;
    }

    /* ESTILO: .cf-form-w40 | Para defini width de campos de forminator */

    .cf-form-w40 {
        flex: 0 0 40% !important;
        width: 40% !important;
        max-width: 40% !important;
    }

    /* ESTILO: .cf-form-w45 | Para defini width de campos de forminator */

    .cf-form-w45 {
        flex: 0 0 45% !important;
        width: 45% !important;
        max-width: 45% !important;
    }

    /* ESTILO: .cf-form-w50 | Para defini width de campos de forminator */

    .cf-form-w50 {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    /* ESTILO: .cf-form-w55 | Para defini width de campos de forminator */

    .cf-form-w55 {
        flex: 0 0 55% !important;
        width: 55% !important;
        max-width: 55% !important;
    }

    /* ESTILO: .cf-form-w60 | Para defini width de campos de forminator */

    .cf-form-w60 {
        flex: 0 0 60% !important;
        width: 60% !important;
        max-width: 60% !important;
    }

    /* ESTILO: .cf-form-w65 | Para defini width de campos de forminator */

    .cf-form-w65 {
        flex: 0 0 65% !important;
        width: 65% !important;
        max-width: 65% !important;
    }

    /* ESTILO: .cf-form-w66 | Para defini width de campos de forminator */

    .cf-form-w66 {
        flex: 0 0 66.66% !important;
        width: 66.66% !important;
        max-width: 66.66% !important;
    }

    /* ESTILO: .cf-form-w70 | Para defini width de campos de forminator */

    .cf-form-w70 {
        flex: 0 0 70% !important;
        width: 70% !important;
        max-width: 70% !important;
    }

    /* ESTILO: .cf-form-w75 | Para defini width de campos de forminator */

    .cf-form-w75 {
        flex: 0 0 75% !important;
        width: 75% !important;
        max-width: 75% !important;
    }

    /* ESTILO: .cf-form-w80 | Para defini width de campos de forminator */

    .cf-form-w80 {
        flex: 0 0 80% !important;
        width: 80% !important;
        max-width: 80% !important;
    }

    /* ESTILO: .cf-form-w85 | Para defini width de campos de forminator */

    .cf-form-w85 {
        flex: 0 0 85% !important;
        width: 85% !important;
        max-width: 85% !important;
    }
}