/* =========================================================
   CONTENEDOR GENERAL
========================================================= */

.tu-noticia-horizontal {
    background: linear-gradient(
        135deg,
        #121212 0%,
        #0a0a0a 100%
    ) !important;

    border: 1px solid #222222 !important;
    border-left: 4px solid #d4af37 !important;

    border-radius: 6px;

    padding: 18px 30px;
    margin: 20px auto;

    width: 100%;
    max-width: 1200px;

    box-sizing: border-box;

    color: #e0e0e0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        sans-serif;

    display: grid;
    grid-template-columns: 1fr 2fr;

    gap: 25px;

    align-items: center;
}


/* =========================================================
   COLUMNA IZQUIERDA
========================================================= */

.tu-noticia-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.badge-alerta {

    background-color: #b30000;

    color: #ffffff;

    font-size: 0.7rem;
    font-weight: 800;

    padding: 3px 7px;

    border-radius: 3px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    width: fit-content;

    margin-bottom: 6px;
}


.tu-noticia-info h3 {

    color: #ffffff;

    font-size: 1.45rem;

    margin: 0 0 5px 0;

    font-weight: 900;

    letter-spacing: -0.5px;
}


.tu-noticia-info p {

    color: #999999;

    font-size: 0.85rem;

    margin: 0 0 12px 0;

    line-height: 1.4;
}


/* =========================================================
   BADGES
========================================================= */

.tu-noticia-badges {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    font-size: 0.7rem;

    color: #aaaaaa;

    background: #050505;

    padding: 7px 10px;

    border-radius: 4px;

    border: 1px solid #1a1a1a;

    width: fit-content;
}


.tu-noticia-badges span {
    white-space: nowrap;
}


/* =========================================================
   AVISO VIDEO
========================================================= */

.tu-noticia-video-aviso {

    margin-top: 12px;

    padding: 9px 10px;

    background: #080808;

    border-left: 3px solid #d4af37;

    border-radius: 3px;

    font-size: 0.72rem;

    line-height: 1.4;

    color: #999999;
}


.tu-noticia-video-aviso strong {

    display: block;

    color: #d4af37;

    font-size: 0.7rem;

    margin-bottom: 2px;
}


/* =========================================================
   FORMULARIO
========================================================= */

.tu-noticia-form-h {

    display: flex;

    flex-direction: column;

    gap: 8px;

    position: relative;
}


.form-row-h {

    display: flex;

    gap: 8px;

    width: 100%;
}


/* =========================================================
   INPUTS
========================================================= */

.tu-noticia-form-h input[type="text"],
.tu-noticia-form-h input[type="email"],
.tu-noticia-form-h input[type="tel"],
.tu-noticia-form-h textarea {

    width: 100%;

    background-color: #070707 !important;

    border: 1px solid #262626 !important;

    color: #ffffff !important;

    padding: 8px 10px;

    border-radius: 4px;

    font-size: 0.82rem;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s,
        background-color 0.2s;
}


.tu-noticia-form-h input::placeholder,
.tu-noticia-form-h textarea::placeholder {

    color: #777777;

    opacity: 1;
}


.tu-noticia-form-h input:focus,
.tu-noticia-form-h textarea:focus {

    border-color: #d4af37 !important;

    background-color: #0a0a0a !important;
}


.tu-noticia-form-h textarea {

    resize: vertical;

    min-height: 65px;

    font-family: inherit;
}


/* =========================================================
   ARCHIVOS
========================================================= */

.file-row-h {

    background: #070707;

    border: 1px dashed #333333;

    padding: 7px 10px;

    border-radius: 4px;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;
}


.fma-file-info {

    display: flex;

    flex-direction: column;

    gap: 2px;
}


.fma-file-label {

    color: #d4af37;

    font-size: 0.75rem;

    font-weight: 800;

    cursor: pointer;
}


.fma-file-limite {

    color: #777777;

    font-size: 0.67rem;
}


.file-row-h input[type="file"] {

    color: #cccccc;

    font-size: 0.72rem;

    max-width: 290px;
}


/* =========================================================
   LISTA DE FOTOS
========================================================= */

.fma-archivos-seleccionados {

    display: none;

    background: #050505;

    border: 1px solid #1d1d1d;

    border-radius: 4px;

    padding: 7px 10px;

    color: #aaaaaa;

    font-size: 0.7rem;

    line-height: 1.5;
}


.fma-archivos-seleccionados.activo {
    display: block;
}


.fma-archivo-item {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    border-bottom: 1px solid #151515;

    padding: 3px 0;
}


.fma-archivo-item:last-child {
    border-bottom: 0;
}


.fma-archivo-nombre {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.fma-archivo-peso {

    color: #777777;

    white-space: nowrap;
}


/* =========================================================
   AVISO CONTACTO
========================================================= */

.fma-aviso-contacto {

    color: #888888;

    font-size: 0.69rem;

    line-height: 1.35;
}


.fma-aviso-contacto strong {
    color: #bbbbbb;
}


/* =========================================================
   ESTADO / MENSAJES
========================================================= */

.fma-form-estado {

    display: none;

    padding: 9px 12px;

    border-radius: 4px;

    font-size: 0.78rem;

    line-height: 1.4;
}


.fma-form-estado.exito {

    display: block;

    background: rgba(25, 135, 84, 0.12);

    border: 1px solid #198754;

    color: #8dd6ad;
}


.fma-form-estado.error {

    display: block;

    background: rgba(179, 0, 0, 0.12);

    border: 1px solid #7f1d1d;

    color: #ff9b9b;
}


/* =========================================================
   BOTÓN
========================================================= */

.btn-enviar-h {

    background-color: #d4af37 !important;

    color: #000000 !important;

    font-weight: 900;

    text-transform: uppercase;

    padding: 9px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 0.82rem;

    letter-spacing: 0.5px;

    transition:
        background-color 0.2s,
        opacity 0.2s;
}


.btn-enviar-h:hover {

    background-color: #e5c158 !important;
}


.btn-enviar-h:disabled {

    cursor: wait;

    opacity: 0.55;
}


/* =========================================================
   HONEYPOT
========================================================= */

.fma-honeypot {

    position: absolute !important;

    left: -99999px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .tu-noticia-horizontal {

        grid-template-columns: 1fr;

        padding: 15px;

        gap: 16px;
    }

}


@media (max-width: 600px) {

    .form-row-h {

        flex-direction: column;
    }


    .file-row-h {

        align-items: flex-start;

        flex-direction: column;
    }


    .file-row-h input[type="file"] {

        max-width: 100%;

        width: 100%;
    }


    .tu-noticia-badges {

        width: 100%;

        box-sizing: border-box;
    }

}


/* Aviso y consentimiento */
#fma-tu-noticia-form .fma-tn-privacy{background:#101010;border:1px solid #292929;border-left:3px solid #d4af37;padding:12px;border-radius:4px;color:#ddd;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
#fma-tu-noticia-form .fma-tn-privacy p{margin:0 0 9px;color:#ddd;font-size:inherit;line-height:inherit}
#fma-tu-noticia-form .fma-tn-privacy p:last-child{margin-bottom:0}
#fma-tu-noticia-form .fma-tn-privacy a{color:#e5c158;text-decoration:underline}
#fma-tu-noticia-form .fma-tn-consent{display:flex;align-items:flex-start;gap:9px;color:#eee;font-size:12px;line-height:1.5;margin:4px 0;cursor:pointer}
#fma-tu-noticia-form .fma-tn-consent input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:#d4af37}
#fma-tu-noticia-form .fma-tn-consent input:focus-visible{outline:2px solid #d4af37;outline-offset:3px}

/* v1.0.4: formato compacto sin recortar campos ni avisos. */
#fma-tn-plugin-mount .tu-noticia-horizontal{max-width:1480px;padding:12px 20px;margin:12px auto;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(0,3fr)}
#fma-tn-plugin-mount .tu-noticia-form-h{gap:5px;min-width:0}
#fma-tn-plugin-mount .tu-noticia-form-h input[type=text],
#fma-tn-plugin-mount .tu-noticia-form-h input[type=email],
#fma-tn-plugin-mount .tu-noticia-form-h input[type=tel]{padding:6px 9px;min-width:0;min-height:32px;line-height:18px}
#fma-tn-plugin-mount .tu-noticia-form-h textarea{min-height:48px;height:48px;padding:6px 9px;line-height:18px}
#fma-tn-plugin-mount .file-row-h{padding:5px 9px;min-height:36px}
#fma-tu-noticia-form .fma-tn-privacy{padding:6px 9px;font-size:12px;line-height:1.35}
#fma-tu-noticia-form .fma-tn-privacy p{margin:0 0 4px}
#fma-tu-noticia-form .fma-tn-privacy p:last-child{margin:0}
#fma-tu-noticia-form .fma-tn-links{font-weight:700;display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center}
#fma-tu-noticia-form .fma-tn-consent{margin:0;font-size:12px;line-height:1.35;align-items:center;min-height:24px}
#fma-tu-noticia-form .btn-enviar-h{padding:7px;min-height:32px}
#fma-tn-plugin-mount .tu-noticia-info p{margin-bottom:8px}
#fma-tn-plugin-mount .tu-noticia-video-aviso{margin-top:8px;padding:6px 9px}
@media(max-width:900px){#fma-tn-plugin-mount .tu-noticia-horizontal{grid-template-columns:1fr;padding:12px;gap:12px}}
@media(max-width:600px){#fma-tn-plugin-mount .form-row-h{gap:5px}#fma-tn-plugin-mount .tu-noticia-form-h textarea{height:64px}#fma-tu-noticia-form .fma-tn-consent{align-items:flex-start}}

#fma-tu-noticia-form .fma-tn-checks{display:grid;gap:2px}
#fma-tu-noticia-form .fma-tn-check-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:24px}
#fma-tu-noticia-form .fma-tn-check-row a{color:#e5c158;font-size:12px;line-height:1.35;text-decoration:underline;white-space:nowrap}
#fma-tu-noticia-form .fma-tn-check-row .fma-tn-consent{font-size:11px}

/* v1.0.6: la regla antigua de herramientas de lectores oculta estos
   nombres para usuarios conectados. Excepción solo para este formulario. */
#fma-tn-plugin-mount .tu-noticia-horizontal{display:grid!important}
#fma-tn-plugin-mount .tu-noticia-info,
#fma-tn-plugin-mount .tu-noticia-form-h,
#fma-tn-plugin-mount .tu-noticia-badges{display:flex!important}
#fma-tn-plugin-mount .tu-noticia-video-aviso,
#fma-tn-plugin-mount #fma-tu-noticia-privacidad{display:block!important}