/*
    Theme Name: Cinderella - Child Theme
    Theme URI: http://cinderella.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Cinderella | WordPress Theme for Beauty, Hair and SPA Salons is the product which has been made especially for Small Businesses in Beauty Industry. It has the capacity to equally fit a Single Local Salon as well as a Network of Salons with Multiple Locations. Due to its intuitive interface and flexible Visual Composer Page Builder, it is easy-to-modify and enjoyable-to-use. With our Advanced Theme Options you can fully customize the theme to match any branding and any purpose your Beauty Business might have. With its elegant and fully responsive design Cinderella will make a perfect solution for your Beauty Business Web-presence!
    Version: 1.0.7
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: beauty, hair salon, hair, hairdresser, hairstyle, haircut, SPA salon, SPA, beauty salon, wellness, barber, barbershop, manicure, makeup, massage, reservation, booking, WordPress, responsive
    Text Domain: cinderella-child
    Template: evacriado

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */

/* Menú principal: el ítem "Amor en movimiento" (page-id 2566) va en rosa de
   marca, en todas las páginas del sitio, esté o no activo. Se referencia por
   el id fijo del <li> en vez de la clase "current-menu-item" para que el
   color no dependa de en qué página esté el visitante. El !important es
   necesario: el customizer del tema ("skin_custom_color") inyecta un
   ".main_menu_nav a { color: #000 !important }" en <head>. */
#menu-item-2576 > a {
    color: #c41d54 !important;
}

#menu-item-2576 > a:hover,
#menu-item-2576 > a:focus {
    color: #a5163f !important;
}

/* Landings Gutenberg construidas con la plantilla "Amor en Movimiento — ancho completo". */
/* Una única base cálida; la jerarquía se crea con espacio, tipografía y tarjetas. */
/* Todas comparten el body class "amor-landing-page" (ver functions.php), no el ID de página. */
body.amor-landing-page,
body.amor-landing-page #main {
    background: #f6f3f0 !important;
}

body.amor-landing-page #wrapper {
    box-shadow: none;
}

/* Las landings se solicitaron sin botón flotante de WhatsApp. */
body.amor-landing-page .ht-ctc-chat,
body.amor-landing-page .ccw_plugin {
    display: none !important;
}

.amor-native-page {
    color: #4e5557;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.7;
}

/* El tema padre "evacriado" añade una rayita rosa (24x2px, #c41d54) después
   de cada encabezado en todo el sitio (style.css:89-107). En esta landing
   no se usa ese acento, así que se desactiva solo aquí. */
.amor-native-page h1:after,
.amor-native-page h2:after,
.amor-native-page h3:after,
.amor-native-page h4:after {
    display: none;
}

.amor-native-page h1,
.amor-native-page h2,
.amor-native-page h3 {
    color: #304e63;
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
}

.amor-native-page .amor-inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px;
}

.amor-native-page.amor-hero {
    padding: 88px 0 78px;
    background: #f6f3f0;
    text-align: center;
}

.amor-native-page .amor-logo-hero {
    width: 100%;
    max-width: min(500px, 90vw);
    height: auto;
    margin: 0 auto 22px;
}

.amor-native-page .amor-logo-footer {
    margin: 0 auto 10px;
    opacity: .9;
}

.amor-native-page .amor-eyebrow {
    display: block;
    margin-bottom: 22px;
    color: #58758a;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.amor-native-page.amor-hero h1 {
    max-width: 760px;
    margin: 0 auto 24px;
    color: #304e63;
    font-size: 48px;
    font-style: normal;
    line-height: 1.16;
}

.amor-native-page .amor-claim {
    color: #58758a;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

.amor-native-page .amor-exp {
    margin-top: 18px;
    color: #747c7d;
    font-size: 14px;
}

.amor-native-page.amor-for-you {
    padding: 72px 0;
    background: #fff;
}

.amor-native-page.amor-for-you h2,
.amor-native-page.amor-paths h2,
.amor-native-page.amor-form h2 {
    margin: 0 0 34px;
    font-size: 34px;
    text-align: center;
}

.amor-native-page .amor-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.amor-native-page .amor-list li {
    margin: 0 0 12px;
    padding: 17px 20px;
    border: 1px solid #e9e3de;
    border-radius: 10px;
    background: #fdfcfa;
}

.amor-native-page .amor-list li::before {
    margin-right: 10px;
    color: #bc7d76;
    content: '❤';
}

/* ================================================================
   Campos del formulario (formulario 6): réplica pixel a pixel del
   diseño original — colores, tipografía Fraunces/Karla y checkbox
   cuadrado redondeado, tal como en design.html. El resto de la
   página conserva su paleta azul/terracota; esto queda acotado a
   los campos dentro de "amor-form".
   ================================================================ */
.amor-native-page.amor-form .gfield_label,
.amor-native-page.amor-form .gfield_description,
.amor-native-page.amor-form .gfield_checkbox label,
.amor-native-page.amor-form input[type='text'],
.amor-native-page.amor-form input[type='tel'],
.amor-native-page.amor-form input[type='email'] {
    font-family: 'Karla', Arial, sans-serif;
}

/* Checkbox nativo de Gravity Forms, reestilizado directamente con
   appearance:none (en vez de ocultarlo y superponer una decoración).
   Gravity Forms fuerza "width:auto !important" en sus checkboxes, lo que
   rompía el truco anterior de ocultarlos: el cuadrado original se veía
   fuera de la tarjeta. Reestilizando el checkbox real, ese problema
   desaparece por completo. */
#gform_wrapper_6 input[type='checkbox'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px !important;
    height: 20px;
    min-width: 20px;
    flex: none;
    margin: 0;
    border-radius: 5px;
    border: 2px solid #d9698f;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    cursor: pointer;
}

#gform_wrapper_6 input[type='checkbox']:checked {
    background-color: #d9698f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3.2L13 4.5'/%3E%3C/svg%3E");
}

#gform_wrapper_6 input[type='checkbox']:focus-visible {
    outline: 2.5px solid #d9698f;
    outline-offset: 2px;
}

/* --- Preguntas tipo "pregunta con tarjetas" (¿Quién eres hoy...?) --- */
.amor-native-page.amor-form .gf-perfil-cards {
    margin-bottom: 8px;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_label {
    display: block;
    width: 100%;
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 500;
    font-size: clamp(1.3rem, 3.2vw, 1.6rem);
    color: #3b3733;
    text-align: center;
    margin-bottom: 8px;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_description {
    text-align: center;
    color: #726b65;
    font-size: 1rem;
    margin: 0 0 24px;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 640px) {
    .amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox {
        grid-template-columns: 1fr 1fr;
    }
}

/* La tarjeta es el <li>: checkbox real (reestilizado, no oculto) + texto en fila. */
.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox li {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
    padding: 26px 28px !important;
    background: #fbf1f3;
    border: 1.5px solid #ecd9de;
    border-radius: 16px;
    transition: border-color .2s ease, background .2s ease;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox li:hover {
    border-color: #d9698f;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox li:has(input:checked) {
    border-color: #d9698f;
    background: #fbe9ee;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox input[type='checkbox'] {
    margin-top: 3px;
    width: 24px !important;
    height: 24px;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox label {
    display: block;
    cursor: pointer;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox label strong {
    display: block;
    margin-bottom: 3px;
    font-size: 1.02rem;
    font-weight: 700;
    color: #3b3733;
}

.amor-native-page.amor-form .gf-perfil-cards .gfield_checkbox label span {
    color: #726b65;
    font-size: .94rem;
}

.amor-native-page.amor-paths {
    padding: 82px 0 70px;
    background: #f8dee4;
}

.amor-native-page.amor-paths h2 {
    color: #262626;
}

/* "Elige tu camino" necesita más ancho que el resto de secciones para que
   las 3 tarjetas quepan cómodamente en una fila. */
.amor-native-page.amor-paths .amor-inner {
    max-width: 1100px;
}

@media (min-width: 900px) {
    .amor-native-page.amor-paths .amor-inner > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
        gap: 24px;
    }

    .amor-native-page.amor-paths .amor-inner > .wp-block-group__inner-container > h2 {
        grid-column: 1 / -1;
    }

    .amor-native-page.amor-paths .amor-card {
        margin: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* El contenido real (icono, título, texto, tags) vive un nivel más
       adentro, en el .wp-block-group__inner-container que Gutenberg añade
       dentro de .amor-card. Para que "margin-top: auto" empuje los tags
       al fondo, ese contenedor tiene que ser el flex column, no .amor-card. */
    .amor-native-page.amor-paths .amor-card > .wp-block-group__inner-container {
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .amor-native-page.amor-paths .amor-card .amor-tags {
        margin-top: auto;
    }
}

.amor-native-page .amor-sub {
    margin: -18px 0 42px;
    color: #747c7d;
    text-align: center;
}

.amor-native-page .amor-card {
    position: relative;
    margin: 0 0 20px;
    padding: 74px 34px 32px;
    border: 1px solid transparent;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 32px -24px rgba(181, 49, 99, .35);
    text-align: center;
}

.amor-native-page .amor-card.amor-card-alma {
    border-color: #c23a67;
}

.amor-native-page .amor-card h3 {
    margin: 0 0 12px;
    color: #262626;
    font-size: 27px;
}

/* Icono del emoji: primer elemento de cada tarjeta (marcado con className
   "amor-card-icon" en el bloque, ver post 2566). */
.amor-native-page .amor-card .amor-card-icon {
    margin: 0 0 14px;
    font-size: 30px;
    line-height: 1;
}

/* Etiqueta "Mi método de creación propia": reutiliza .amor-eyebrow del hero
   (mayúsculas, tracking, tamaño) pero en rosa en vez de azul, y solo
   aparece en la tarjeta "Caricias del Alma". Va en position:absolute dentro
   del hueco que .amor-card ya reserva arriba (padding-top: 74px), para que
   el icono quede a la misma altura en las tres tarjetas. */
.amor-native-page .amor-card-alma .amor-eyebrow {
    position: absolute;
    top: 34px;
    left: 34px;
    right: 34px;
    margin: 0;
    color: #c23a67;
    font-size: 11px;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Texto de cuerpo: único párrafo sin className dentro de cada tarjeta
   (icono, frase y tags sí llevan clase). */
.amor-native-page .amor-card > .wp-block-group__inner-container > p:not([class]) {
    color: #4a4a4a;
}

.amor-native-page .amor-frase {
    color: #c23a67 !important;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 19px !important;
    font-style: italic;
}

.amor-native-page .amor-tags span {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

/* "🤝 Acompañada": primer tag de cada tarjeta, en melocotón. */
.amor-native-page .amor-tags span:first-child {
    background: #f8dfc0;
    color: #96682f;
}

/* "▶️ A tu ritmo": segundo tag, blanco con borde. */
.amor-native-page .amor-tags span:last-child {
    background: #fff;
    border: 1px solid #e6dcd8;
    color: #4a4a4a;
}

.amor-native-page.amor-mentoria {
    padding: 78px 24px;
    background: #fff;
    text-align: center;
}

/* Paleta específica de esta tarjeta (rosa), tomada tal cual del diseño de
   referencia entregado por Eva. No toca el azul/terracota del resto de
   "Amor en Movimiento": vive solo dentro de .amor-mentoria-card. */
.amor-native-page .amor-mentoria-card {
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 56px 44px;
    border-radius: 28px;
    background: #f8dee4;
    box-shadow: 0 20px 46px -28px rgba(181, 49, 99, .28);
}

.amor-native-page .amor-mentoria-card .amor-icono {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 16px;
    font-size: 26px;
    line-height: 1;
}

.amor-native-page .amor-mentoria-card h2 {
    margin-bottom: 16px;
    color: #262626;
    font-size: 28px;
}

/* Subtítulo "Mentoría online personalizada con Eva Criado": es el único
   párrafo sin className dentro de la tarjeta (icono, duración y cierre
   sí lo llevan), así que se puede dar estilo sin tocar el bloque. */
.amor-native-page .amor-mentoria-card > .wp-block-group__inner-container > p:not([class]) {
    margin: 0 0 20px;
    color: #4a4a4a;
    font-size: 16.5px;
}

.amor-native-page .amor-mentoria-duracion {
    margin: 0 0 28px;
    color: #c23a67;
    font-weight: 700;
    font-size: 15.5px;
}

.amor-native-page .amor-mentoria-card .wp-block-buttons {
    justify-content: center;
    margin-bottom: 26px;
}

.amor-native-page .amor-mentoria-button .wp-block-button__link {
    padding: 18px 36px;
    border-radius: 100px;
    background: #b53163;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    transition: background .2s ease, transform .2s ease;
}

.amor-native-page .amor-mentoria-button .wp-block-button__link:hover,
.amor-native-page .amor-mentoria-button .wp-block-button__link:focus {
    background: #9c2955;
    color: #fff;
    transform: translateY(-1px);
}

.amor-native-page .amor-mentoria-cierre {
    margin: 0;
    color: #595959;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 15px;
    font-style: italic;
}

.amor-native-page.amor-form {
    padding: 82px 0;
    background: #eaf1f3;
}

.amor-native-page.amor-form h2 {
    color: #304e63;
    font-style: normal;
}

.amor-native-page.amor-form .gform_wrapper {
    max-width: 640px;
    margin: 0 auto;
    padding: 38px 36px;
    border: 1px solid #d9e2e4;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(48, 78, 99, .08);
}

.amor-native-page.amor-form .gform_footer {
    margin: 20px 0 0;
    padding-bottom: 0;
}

.amor-native-page.amor-form .gform_button {
    width: 100%;
    padding: 16px;
    border: 0;
    border-radius: 8px;
    background: #304e63;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
}

.amor-native-page.amor-form .gform_button:hover,
.amor-native-page.amor-form .gform_button:focus {
    background: #426175;
}

.amor-native-page.amor-form .gfield_label {
    color: #304e63;
}

/* Formulario 5: las vías de contacto se organizan en dos filas, no en una sola. */
.amor-native-page.amor-form #field_5_6 .gfield_radio {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.amor-native-page.amor-form #field_5_6 .gfield_radio li {
    min-width: 0;
    margin: 0;
    padding: 11px 10px;
    border: 0;
    border-radius: 7px;
    background: #fdfcfa;
}

.amor-native-page.amor-form #field_5_6 .gfield_radio label {
    display: inline;
    font-size: 13px;
    line-height: 1.35;
}

.amor-native-page.amor-form input[type='text'],
.amor-native-page.amor-form input[type='tel'],
.amor-native-page.amor-form input[type='email'] {
    min-height: 46px;
    padding: 12px;
    border: 1px solid #d9e2e4;
    border-radius: 7px;
    background: #fff;
}

/* ================================================================
   A partir de aquí, todo va anclado a "#gform_wrapper_6" (el ID que
   Gravity Forms genera para el formulario 6). El formulario 5, que
   usa esta misma sección ".amor-form" en la página "Información
   curso de masaje", no se ve afectado por ninguna de estas reglas.
   ================================================================ */
#gform_wrapper_6.gform_wrapper {
    max-width: 900px;
    border: 1.5px solid #ecd9de;
    border-radius: 22px;
    box-shadow: 0 20px 46px -28px rgba(59, 55, 51, .22);
}

/* El contenedor de esta sección se ensancha solo en esta página (2566),
   para que el formulario 6 tenga más aire sin afectar a la página 2543. */
body.page-id-2566 .amor-form .amor-inner {
    max-width: 940px;
}

#gform_wrapper_6 .gform_footer {
    text-align: center;
}

#gform_wrapper_6 .gform_button {
    width: 100%;
    padding: 18px 30px;
    border-radius: 100px;
    background: #d9698f;
    font-family: 'Karla', Arial, sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: normal;
    box-shadow: 0 18px 40px -20px rgba(184, 76, 112, .28);
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

@media (min-width: 640px) {
    #gform_wrapper_6 .gform_button {
        width: auto;
        min-width: 300px;
    }
}

#gform_wrapper_6 .gform_button:hover,
#gform_wrapper_6 .gform_button:focus {
    background: #b84c70;
    transform: translateY(-2px);
    box-shadow: 0 22px 46px -18px rgba(184, 76, 112, .4);
}

/* Etiquetas de los campos de texto (Nombre, WhatsApp, Email, Ciudad) */
#gform_wrapper_6 #field_6_1 .gfield_label,
#gform_wrapper_6 #field_6_2 .gfield_label,
#gform_wrapper_6 #field_6_3 .gfield_label,
#gform_wrapper_6 #field_6_4 .gfield_label {
    font-family: 'Karla', Arial, sans-serif;
    font-weight: 600;
    font-size: .9rem;
    color: #726b65;
}

/* Título "Datos personales" (campo Section) */
#gform_wrapper_6 .gsection_title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: #3b3733;
    border-bottom: 0;
}

#gform_wrapper_6 .gsection {
    margin-bottom: 8px;
    border-bottom: 0;
}

/* Nombre / WhatsApp / Correo / Ciudad en 2 columnas en escritorio */
@media (min-width: 640px) {
    #gform_wrapper_6 #gform_fields_6 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
    }

    #gform_wrapper_6 #gform_fields_6 > li {
        grid-column: 1 / -1;
    }

    #gform_wrapper_6 #field_6_1,
    #gform_wrapper_6 #field_6_2,
    #gform_wrapper_6 #field_6_3,
    #gform_wrapper_6 #field_6_4 {
        grid-column: span 1;
    }
}

/* Etiquetas-pregunta de los grupos de checkbox (a modo de "legend") */
#gform_wrapper_6 #field_6_5 .gfield_label,
#gform_wrapper_6 #field_6_12 .gfield_label,
#gform_wrapper_6 #field_6_6 .gfield_label,
#gform_wrapper_6 #field_6_7 .gfield_label,
#gform_wrapper_6 #field_6_8 .gfield_label,
#gform_wrapper_6 #field_6_9 .gfield_label {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: #3b3733;
}

#gform_wrapper_6 input[type='text'],
#gform_wrapper_6 input[type='tel'],
#gform_wrapper_6 input[type='email'] {
    font-family: 'Karla', Arial, sans-serif;
    font-size: 1rem;
    min-height: 0;
    padding: 13px 15px;
    border: 1.5px solid #ecd9de;
    border-radius: 12px;
    background: #fbf1f3;
    color: #3b3733;
}

#gform_wrapper_6 input:focus-visible {
    outline: 2.5px solid #d9698f;
    outline-offset: 1px;
}

/* --- Grupo "pill": ¿Qué formación te interesa? / disponibilidad / ¿Desde dónde nos has conocido? --- */
#gform_wrapper_6 #field_6_5 .gfield_checkbox,
#gform_wrapper_6 #field_6_12 .gfield_checkbox,
#gform_wrapper_6 #field_6_6 .gfield_checkbox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#gform_wrapper_6 #field_6_6.gf-dos-col .gfield_checkbox {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 520px) {
    #gform_wrapper_6 #field_6_6.gf-dos-col .gfield_checkbox {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Checkbox real (reestilizado arriba), en fila junto al texto. */
#gform_wrapper_6 #field_6_5 .gfield_checkbox li,
#gform_wrapper_6 #field_6_12 .gfield_checkbox li,
#gform_wrapper_6 #field_6_6 .gfield_checkbox li {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 14px 16px !important;
    border: 1.5px solid #ecd9de;
    border-radius: 12px;
    background: #fbf1f3;
}

#gform_wrapper_6 #field_6_5 .gfield_checkbox label,
#gform_wrapper_6 #field_6_12 .gfield_checkbox label,
#gform_wrapper_6 #field_6_6 .gfield_checkbox label {
    font-family: 'Karla', Arial, sans-serif;
    font-size: .94rem;
    color: #3b3733;
    cursor: pointer;
}

/* --- Grupo "autorizaciones": Comunicaciones / Política de privacidad / Autorización de imagen --- */
#gform_wrapper_6 #field_6_7 .gfield_checkbox,
#gform_wrapper_6 #field_6_8 .gfield_checkbox,
#gform_wrapper_6 #field_6_9 .gfield_checkbox {
    margin: 0;
    padding: 0;
    list-style: none;
}

#gform_wrapper_6 #field_6_7 .gfield_checkbox li,
#gform_wrapper_6 #field_6_8 .gfield_checkbox li,
#gform_wrapper_6 #field_6_9 .gfield_checkbox li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 8px;
}

#gform_wrapper_6 #field_6_7 .gfield_checkbox input[type='checkbox'],
#gform_wrapper_6 #field_6_8 .gfield_checkbox input[type='checkbox'],
#gform_wrapper_6 #field_6_9 .gfield_checkbox input[type='checkbox'] {
    margin-top: 2px;
}

#gform_wrapper_6 #field_6_7 .gfield_checkbox label,
#gform_wrapper_6 #field_6_8 .gfield_checkbox label,
#gform_wrapper_6 #field_6_9 .gfield_checkbox label {
    font-family: 'Karla', Arial, sans-serif;
    font-size: .94rem;
    color: #3b3733;
    cursor: pointer;
}

#gform_wrapper_6 .gfield_checkbox label a {
    color: #b84c70;
    text-decoration: underline;
}


.amor-native-page.amor-community {
    padding: 78px 0;
    background: #fff;
}

.amor-native-page.amor-community h2 {
    margin: 0 0 16px;
    color: #304e63;
    font-size: 34px;
    text-align: center;
}

.amor-native-page .amor-community-grid {
    margin-top: 42px;
    margin-bottom: 0;
}

.amor-native-page .amor-community-card {
    display: flex;
    min-height: 250px;
    margin-bottom: 0;
    padding: 32px;
    flex-direction: column;
    border: 1px solid #e5e2de;
    border-radius: 12px;
    background: #fdfcfa;
}

.amor-native-page .amor-community-card h3 {
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.25;
}

.amor-native-page .amor-community-card p {
    margin: 0 0 24px;
    color: #626a6c;
}

.amor-native-page .amor-community-card .wp-block-buttons {
    margin-top: auto;
}

.amor-native-page .amor-community-button,
.amor-native-page .amor-community-button .wp-block-button__link {
    width: 100%;
}

.amor-native-page .amor-community-button .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 13px 16px;
    border-radius: 8px;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    transition: filter .2s ease, transform .2s ease;
}

.amor-native-page .amor-community-button .wp-block-button__link::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* WhatsApp: verde de marca (#25D366) + icono del bocadillo/teléfono. */
.amor-native-page .amor-whatsapp .amor-community-button .wp-block-button__link {
    background: #25d366;
}

.amor-native-page .amor-whatsapp .amor-community-button .wp-block-button__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.39 1.26 4.82L2 22l5.44-1.42a9.9 9.9 0 0 0 4.6 1.17h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.87 9.87 0 0 0 12.04 2zm0 1.67c2.24 0 4.35.87 5.93 2.46a8.23 8.23 0 0 1 2.42 5.85c0 4.56-3.71 8.27-8.27 8.27a8.3 8.3 0 0 1-4.22-1.15l-.3-.18-3.23.85.86-3.15-.2-.32a8.22 8.22 0 0 1-1.27-4.4c0-4.56 3.71-8.23 8.28-8.23zm-4.42 4.6c-.16 0-.42.06-.64.31-.22.25-.85.83-.85 2.02 0 1.19.87 2.34.99 2.5.12.16 1.7 2.7 4.18 3.68.58.25 1.03.4 1.38.5.58.19 1.11.16 1.53.1.47-.07 1.44-.59 1.64-1.15.2-.57.2-1.05.14-1.15-.06-.1-.22-.16-.46-.28-.24-.12-1.44-.71-1.66-.79-.22-.08-.38-.12-.55.12-.16.24-.63.79-.77.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2-.72-.64-1.2-1.43-1.34-1.67-.14-.24-.02-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.32-.75-1.81-.2-.48-.4-.42-.55-.43z'/%3E%3C/svg%3E");
}

/* Instagram: degradado de marca (naranja → rosa → morado) + icono de cámara. */
.amor-native-page .amor-instagram .amor-community-button .wp-block-button__link {
    background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
}

.amor-native-page .amor-instagram .amor-community-button .wp-block-button__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.97.24 2.43.4a4.9 4.9 0 0 1 1.77 1.15 4.9 4.9 0 0 1 1.15 1.77c.16.46.35 1.26.4 2.43.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.24 1.97-.4 2.43a4.9 4.9 0 0 1-1.15 1.77 4.9 4.9 0 0 1-1.77 1.15c-.46.16-1.26.35-2.43.4-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.97-.24-2.43-.4a4.9 4.9 0 0 1-1.77-1.15 4.9 4.9 0 0 1-1.15-1.77c-.16-.46-.35-1.26-.4-2.43C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.24-1.97.4-2.43a4.9 4.9 0 0 1 1.15-1.77 4.9 4.9 0 0 1 1.77-1.15c.46-.16 1.26-.35 2.43-.4C8.42 2.17 8.8 2.16 12 2.16zm0 1.8c-3.15 0-3.5.01-4.73.07-.96.04-1.48.2-1.83.34-.46.18-.79.39-1.13.74-.35.34-.56.67-.74 1.13-.14.35-.3.87-.34 1.83-.06 1.23-.07 1.58-.07 4.73s.01 3.5.07 4.73c.04.96.2 1.48.34 1.83.18.46.39.79.74 1.13.34.35.67.56 1.13.74.35.14.87.3 1.83.34 1.23.06 1.58.07 4.73.07s3.5-.01 4.73-.07c.96-.04 1.48-.2 1.83-.34.46-.18.79-.39 1.13-.74.35-.34.56-.67.74-1.13.14-.35.3-.87.34-1.83.06-1.23.07-1.58.07-4.73s-.01-3.5-.07-4.73c-.04-.96-.2-1.48-.34-1.83a3.1 3.1 0 0 0-.74-1.13 3.1 3.1 0 0 0-1.13-.74c-.35-.14-.87-.3-1.83-.34-1.23-.06-1.58-.07-4.73-.07zm0 3.06a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.2-2.9a1.17 1.17 0 1 1 0 2.34 1.17 1.17 0 0 1 0-2.34z'/%3E%3C/svg%3E");
}

.amor-native-page .amor-community-button .wp-block-button__link:hover,
.amor-native-page .amor-community-button .wp-block-button__link:focus {
    color: #fff;
    filter: brightness(.92);
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .amor-native-page .amor-community-button .wp-block-button__link {
        transition: none;
    }
}

.amor-native-page .wp-block-separator {
    width: 42px;
    margin: 28px auto;
    border: 0;
    border-top: 2px solid #bc7d76;
}

.amor-native-page.amor-footer {
    padding: 38px 0;
    background: #f6f3f0;
    color: #58758a;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 18px;
    font-style: normal;
    text-align: center;
}

.amor-native-page.amor-footer .amor-footer-tagline {
    margin: 6px 0 0;
    color: #747c7d;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
}

.amor-native-page.amor-footer .amor-footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin: 20px 0 10px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
}

.amor-native-page.amor-footer .amor-footer-nav a {
    color: #58758a;
    text-decoration: none;
}

.amor-native-page.amor-footer .amor-footer-nav a:hover {
    text-decoration: underline;
}

.amor-native-page.amor-footer .amor-footer-contact {
    margin: 0;
    color: #a3adaf;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
}

@media (max-width: 767px) {
    /* El .container del tema tiene padding lateral; la landing debe respirar a todo el ancho. */
    body.amor-landing-page #main > .container {
        padding-right: 0;
        padding-left: 0;
    }

    .amor-native-page .amor-inner {
        padding-right: 22px;
        padding-left: 22px;
    }

    .amor-native-page.amor-hero,
    .amor-native-page.amor-for-you,
    .amor-native-page.amor-paths,
    .amor-native-page.amor-form,
    .amor-native-page.amor-community {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .amor-native-page.amor-mentoria {
        padding: 58px 20px;
    }

    .amor-native-page.amor-hero h1 {
        font-size: 38px;
        line-height: 1.2;
    }

    .amor-native-page .amor-claim {
        font-size: 19px;
        line-height: 1.45;
    }

    .amor-native-page.amor-for-you h2,
    .amor-native-page.amor-paths h2,
    .amor-native-page.amor-form h2 {
        margin-bottom: 28px;
        font-size: 30px;
        line-height: 1.22;
    }

    .amor-native-page .amor-card {
        padding: 62px 22px 24px;
    }

    .amor-native-page .amor-card-alma .amor-eyebrow {
        top: 22px;
        left: 22px;
        right: 22px;
    }

    .amor-native-page .amor-card h3 {
        font-size: 24px;
        line-height: 1.25;
    }

    .amor-native-page .amor-mentoria-card {
        padding: 36px 24px 32px;
        border-radius: 20px;
    }

    .amor-native-page .amor-mentoria-card h2 {
        font-size: 24px;
    }

    .amor-native-page .amor-mentoria-button .wp-block-button__link {
        padding: 16px 24px;
    }

    .amor-native-page.amor-community h2 {
        font-size: 30px;
        line-height: 1.22;
    }

    .amor-native-page .amor-community-grid {
        margin-top: 30px;
    }

    .amor-native-page .amor-community-card {
        min-height: 0;
        margin-bottom: 16px;
        padding: 26px 22px;
    }

    .amor-native-page.amor-form .gform_wrapper {
        width: 100%;
        padding: 28px 20px;
        border-radius: 10px;
    }

    .amor-native-page.amor-form .gfield_label {
        font-size: 15px;
    }

    .amor-native-page.amor-form input[type='text'],
    .amor-native-page.amor-form input[type='tel'],
    .amor-native-page.amor-form input[type='email'] {
        width: 100%;
        min-height: 48px;
        font-size: 16px;
    }

    .amor-native-page.amor-form .gfield_radio li,
    .amor-native-page.amor-form .gfield_checkbox li {
        margin-bottom: 12px;
        line-height: 1.45;
    }

    .amor-native-page.amor-form #field_5_6 .gfield_radio {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .amor-native-page.amor-form #field_5_6 .gfield_radio li {
        padding: 12px 10px;
    }

    .amor-native-page.amor-form .gfield_radio input,
    .amor-native-page.amor-form .gfield_checkbox input {
        min-width: 18px;
        min-height: 18px;
        margin-top: 3px;
    }

    .amor-native-page.amor-form .gform_button {
        min-height: 52px;
        padding: 12px 16px;
        font-size: 14px;
        line-height: 1.35;
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .amor-native-page.amor-hero {
        padding: 62px 0 54px;
    }

    .amor-native-page.amor-hero h1 {
        font-size: 36px;
    }

    .amor-native-page.amor-for-you h2,
    .amor-native-page.amor-paths h2,
    .amor-native-page.amor-form h2 {
        font-size: 29px;
    }

    .amor-native-page.amor-form .gform_wrapper {
        padding: 26px 20px;
    }
}