/* =========================================================
   MU-SANMIGUEL FORUM
   Custom Theme Stylesheet
   musanmiguel.css
   ========================================================= */


/* =========================================================
   01. ESTRUCTURA GENERAL
   ========================================================= */

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;

    background:
        radial-gradient(
            circle at top,
            #252a31 0%,
            #15181d 38%,
            #0d0f13 100%
        );

    background-attachment: fixed;

    color: #d8d8d8;

    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}


/* Contenedor general de MyBB */
#container {
    margin: 0;
    padding: 0;

    color: #d8d8d8;

    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 14px;

    min-width: 0;
}


/* Área central del foro */
.wrapper {
    width: 94%;
    max-width: 1450px;
    min-width: 0;

    margin: 0 auto;
}


/* Contenido principal */
#content {
    width: auto !important;

    padding: 24px 18px 30px;

    background: rgba(16, 18, 23, 0.96);

    border-left: 1px solid rgba(255, 255, 255, 0.06);
    border-right: 1px solid rgba(255, 255, 255, 0.06);

    box-sizing: border-box;
}


/* =========================================================
   02. ENLACES GENERALES
   ========================================================= */

a:link,
a:visited {
    color: #d7b45a;
    text-decoration: none;
}

a:hover,
a:active {
    color: #f0d27a;
    text-decoration: none;
}


/* =========================================================
   03. TEXTOS AUXILIARES
   ========================================================= */

.smalltext {
    color: #a8abb0;
}

.largetext {
    color: #ffffff;
}


/* =========================================================
   04. RESPONSIVE BASE
   ========================================================= */

@media screen and (max-width: 900px) {

    .wrapper {
        width: 96%;
    }

    #content {
        padding: 16px 10px 24px;
    }
}


@media screen and (max-width: 600px) {

    body {
        font-size: 13px;
    }

    .wrapper {
        width: 98%;
    }

    #content {
        padding: 12px 6px 20px;
    }
}


/* =========================================================
   05. TABLAS Y CATEGORIAS - MU-SANMIGUEL
   ========================================================= */

.tborder {
    background: #20242a;

    border: 1px solid #343941;
    border-radius: 6px;

    overflow: hidden;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.30);
}


.thead {
    background:
        linear-gradient(
            180deg,
            #2d3239 0%,
            #1b1f24 100%
        );

    color: #e8c86a;

    border-bottom: 1px solid #4a4030;

    padding: 10px 12px;

    font-weight: 600;

    text-shadow:
        0 1px 2px #000;
}


.thead a:link,
.thead a:visited {
    color: #e8c86a;
}

.thead a:hover,
.thead a:active {
    color: #ffe39a;
}


.tcat {
    background:
        linear-gradient(
            180deg,
            #191c20 0%,
            #111317 100%
        );

    color: #c8c8c8;

    border-top: 1px solid #30343a;
    border-bottom: 1px solid #30343a;

    padding: 7px 10px;

    font-weight: 600;
}


.trow1 {
    background: #181b20;
    color: #c9cbd0;
    border-color: #292d33;
}


.trow2 {
    background: #1d2025;
    color: #c9cbd0;
    border-color: #292d33;
}


.trow1:hover,
.trow2:hover {
    background: #24282f;
}


.trow1 a:link,
.trow1 a:visited,
.trow2 a:link,
.trow2 a:visited {
    color: #d7b45a;
    font-weight: 600;
}

.trow1 a:hover,
.trow2 a:hover {
    color: #f3d77e;
}


.tborder td {
    border-color: #292d33;
}


.trow1 .smalltext,
.trow2 .smalltext {
    color: #92969c;
}


/* =========================================================
   06. HEADER MU-SANMIGUEL
   ========================================================= */

/*
   Imagen:
   images/musanmiguel/header_bg.jpg
*/

#header {
    margin: 0;
    padding: 0;

    background-color: #111419;

    background-image:
        url(../../../images/musanmiguel/header_bg.jpg);

    background-repeat: no-repeat;

    /* =====================================================
       AJUSTE VERTICAL DEL FONDO

       ESTE ES EL VALOR QUE PUEDES MODIFICAR:

       35% = posición actual

       PARA SUBIR LA IMAGEN:
       40%
       45%
       50%

       PARA BAJAR LA IMAGEN:
       30%
       25%
       20%
       ===================================================== */

    background-position: center 35%;

    background-size: cover;

    border-top: 0;
    border-bottom: 1px solid #44351f;
}


/* Zona principal del header */
#logo {
    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;

    height: 220px;

    box-sizing: border-box;

    position: relative;
}


/* Contenedor interno del header */
#logo .wrapper {
    height: 100%;

    position: relative;
}


/* =========================================================
   LOGO OFICIAL MU-SANMIGUEL
   ========================================================= */

#logo img {
    width: auto;

    /* Logo más grande */
    max-width: 260px;

    height: auto;
    max-height: 195px;

    display: block;

    /* Centrado horizontal */
    margin: 5px auto 0;

    filter:
        drop-shadow(
            0 5px 8px rgba(0, 0, 0, 0.90)
        );
}


/* =========================================================
   07. MENU SUPERIOR
   Inicio / Portal / Búsqueda / Lista / Calendario / Ayuda
   ========================================================= */

#logo ul.top_links {
    position: absolute;

    right: 0;
    bottom: 8px;

    margin: 0;

    padding: 7px 10px;

    line-height: 18px;

    background: rgba(7, 9, 12, 0.82);

    border: 1px solid rgba(215, 180, 90, 0.32);

    border-radius: 5px;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.65);

    backdrop-filter: blur(2px);
}


/* Separación entre opciones */
#header ul.menu li {
    margin: 0 7px;
}


/* Links superiores */
#header ul.menu li a {
    color: #f0cd69;

    line-height: 18px;

    vertical-align: middle;

    font-weight: 600;

    text-shadow:
        0 1px 3px #000,
        0 0 5px rgba(0, 0, 0, 0.95);
}


/* Hover */
#header ul.menu li a:hover {
    color: #fff0ae;
}


/* =========================================================
   ICONO INICIO - CASA CSS
   ========================================================= */

#header ul.menu li a.musmg-home {
    background-image: none !important;

    padding-left: 22px !important;

    position: relative;
}


/* Cuerpo de la casa */
#header ul.menu li a.musmg-home .musmg-home-icon {
    position: absolute;

    left: 1px;
    top: 5px;

    width: 12px;
    height: 10px;

    display: block;

    background: #f0cd69;

    border-radius: 1px;

    text-shadow: none;
}


/* Techo de la casa */
#header ul.menu li a.musmg-home .musmg-home-icon::before {
    content: "";

    position: absolute;

    left: -2px;
    top: -6px;

    width: 0;
    height: 0;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f0cd69;
}


/* Puerta de la casa */
#header ul.menu li a.musmg-home .musmg-home-icon::after {
    content: "";

    position: absolute;

    left: 4px;
    bottom: 0;

    width: 4px;
    height: 6px;

    background: #17191d;
}


/* Hover del icono Inicio */
#header ul.menu li a.musmg-home:hover .musmg-home-icon {
    background: #fff0ae;
}

#header ul.menu li a.musmg-home:hover .musmg-home-icon::before {
    border-bottom-color: #fff0ae;
}


/* =========================================================
   08. SEPARACION VISUAL DEL HEADER
   ========================================================= */

#header::after {
    content: "";

    display: block;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(215, 180, 90, 0.65),
            transparent
        );
}


/* =========================================================
   09. BARRA DE USUARIO / PANEL
   ========================================================= */

#panel .lower {
    background:
        linear-gradient(
            180deg,
            #1b1e23 0%,
            #13161a 100%
        );

    color: #aeb3b9;

    border-top: 1px solid #2b2f35;
    border-bottom: 1px solid #3b3120;

    padding: 7px 8px;
}


#panel .lower a:link,
#panel .lower a:visited {
    color: #c5c8cc;

    text-decoration: none;
}

#panel .lower a:hover,
#panel .lower a:active {
    color: #e8c86a;

    text-decoration: none;
}


#panel .lower ul.user_links li a {
    color: #c5c8cc;
}

#panel .lower ul.user_links li a:hover {
    color: #e8c86a;
}


#panel .lower ul.panel_links li a {
    color: #c5c8cc;
}

#panel .lower ul.panel_links li a:hover {
    color: #e8c86a;
}


/* =========================================================
   10. BARRA INFERIOR DE TABLAS / TFOOT
   ========================================================= */

.tfoot {
    background:
        linear-gradient(
            180deg,
            #1b1e23 0%,
            #121519 100%
        );

    color: #aeb3b9;

    border-top: 1px solid #30343a;

    padding: 7px 10px;
}


.tfoot a:link,
.tfoot a:visited {
    color: #c5c8cc;

    text-decoration: none;
}


.tfoot a:hover,
.tfoot a:active {
    color: #e8c86a;

    text-decoration: none;
}


/* =========================================================
   11. FOOTER MU-SANMIGUEL
   ========================================================= */

#footer {
    background:
        linear-gradient(
            180deg,
            #181b20 0%,
            #101216 100%
        );

    color: #8f949b;

    border-top: 1px solid #3b3120;
}


#footer a:link,
#footer a:visited {
    color: #aeb3b9;

    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    color: #e8c86a;

    text-decoration: none;
}


#footer ul.menu {
    margin: 0;

    padding: 9px 0;
}

#footer ul.menu li {
    color: #aeb3b9;
}


/* Selectores de tema e idioma */
#footer select {
    background: #181b20;

    color: #d8d8d8;

    border: 1px solid #3a3f46;

    border-radius: 4px;

    padding: 3px 7px;
}


/* Botones "Ir" */
#footer input.button,
#footer input[type="submit"] {
    background:
        linear-gradient(
            180deg,
            #2d3239 0%,
            #1b1f24 100%
        );

    color: #e8c86a;

    border: 1px solid #444a52;

    border-radius: 4px;

    padding: 3px 8px;

    cursor: pointer;
}


#footer input.button:hover,
#footer input[type="submit"]:hover {
    border-color: #8b7138;

    color: #ffe39a;
}


#footer .upper {
    background: transparent;
}

#footer .lower {
    background: #0d0f13;

    color: #73777d;

    border-top: 1px solid #24282e;
}


/* =========================================================
   12. NAVEGACION / TITULO ACTIVO
   Foro Oficial MU-SANMIGUEL
   ========================================================= */

.navigation {
    color: #aeb3b9;
}


.navigation .active {
    color: #e8c86a;

    font-size: 14px;

    font-weight: 600;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.80);
}


.navigation a:link,
.navigation a:visited {
    color: #c5c8cc;

    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    color: #ffe294;

    text-decoration: none;
}

/* =========================================================
   MU-SANMIGUEL - FORMULARIO DE REGISTRO
   Etiquetas de los campos
   ========================================================= */

#registration_form label {
    color: #d7b45a;
    font-weight: 600;
}

#registration_form .smalltext label {
    color: #d7b45a;
}

#registration_form fieldset legend {
    color: #e8c86a;
    font-weight: 600;
}

/* =========================================================
   13. ESTADO DE LOS FOROS - MU-SANMIGUEL
   ========================================================= */

/* Base de todos los iconos */
.forum_status {
    width: 22px;
    height: 22px;

    display: inline-block;

    border-radius: 50%;

    box-sizing: border-box;

    vertical-align: middle;

    background-image: none !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.75),
        inset 0 1px 2px rgba(255, 255, 255, 0.12);
}


/* =========================================================
   FORO CON MENSAJES NUEVOS
   ========================================================= */

.forum_on {
    background:
        radial-gradient(
            circle at 35% 30%,
            #fff1a3 0%,
            #e8c86a 25%,
            #b88728 55%,
            #5d3a0d 100%
        ) !important;

    border: 1px solid #e8c86a;

    box-shadow:
        0 0 8px rgba(232, 200, 106, 0.55),
        0 2px 5px rgba(0, 0, 0, 0.80);
}


/* =========================================================
   FORO SIN MENSAJES NUEVOS
   ========================================================= */

.forum_off {
    background:
        radial-gradient(
            circle at 35% 30%,
            #626870 0%,
            #3b4047 35%,
            #20242a 70%,
            #111317 100%
        ) !important;

    border: 1px solid #4b5057;
}


/* =========================================================
   FORO CERRADO
   Candado integrado - MU-SANMIGUEL
   ========================================================= */

.forum_status.forum_offclose {
    position: relative !important;

    background-color: #15181c !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M7.2 9V7.3C7.2 5.1 8.9 3.4 11 3.4s3.8 1.7 3.8 3.9V9' fill='none' stroke='%23e1e3e6' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='6' y='8.5' width='10' height='8.5' rx='1.8' fill='%23b7bbc0' stroke='%23555b63' stroke-width='1'/%3E%3Ccircle cx='11' cy='12.4' r='1.1' fill='%23343a40'/%3E%3Cpath d='M11 13.4v1.6' stroke='%23343a40' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"),
        radial-gradient(
            circle at 35% 30%,
            #454a51 0%,
            #292d33 45%,
            #15181c 75%,
            #090a0c 100%
        ) !important;

    background-repeat: no-repeat, no-repeat !important;
    background-position: center center, center center !important;
    background-size: 22px 22px, 100% 100% !important;

    border: 1px solid #626870 !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.85),
        inset 0 1px 2px rgba(255, 255, 255, 0.12) !important;
}

/* Desactivamos pseudo-elementos anteriores para evitar conflictos */
.forum_status.forum_offclose::before,
.forum_status.forum_offclose::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   FORO DE REDIRECCION
   ========================================================= */

.forum_offlink {
    background:
        linear-gradient(
            180deg,
            #d8b757 0%,
            #795b1e 100%
        ) !important;

    border: 1px solid #e8c86a;

    position: relative;
}

.forum_offlink::after {
    content: "›";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    text-align: center;

    line-height: 18px;

    color: #17191d;

    font-size: 20px;
    font-weight: bold;
}

/* =========================================================
   USUARIO CONECTADO - INDICADOR ONLINE
   ========================================================= */

#panel .upper .welcome a.musmg-online-user:link,
#panel .upper .welcome a.musmg-online-user:visited {
    color: #67d96f !important;

    font-weight: 700;

    text-decoration: none;

    text-shadow:
        0 0 4px rgba(103, 217, 111, 0.35);
}


#panel .upper .welcome a.musmg-online-user:hover,
#panel .upper .welcome a.musmg-online-user:active {
    color: #8cf294 !important;

    text-shadow:
        0 0 6px rgba(103, 217, 111, 0.55);
}

/* =========================================================
   14. CONTENIDO DE LOS MENSAJES
   MU-SANMIGUEL
   ========================================================= */

/* Texto escrito por los usuarios */
.post_body {
    color: #d6d8dc !important;
}


/* Párrafos y texto interno del mensaje */
.post_body p,
.post_body span,
.post_body div {
    color: inherit;
}

/* =========================================================
   15. CABECERA DEL AUTOR EN LOS MENSAJES
   MU-SANMIGUEL
   ========================================================= */

/* Franja completa del autor */
.post_author {
    background:
        linear-gradient(
            180deg,
            #1d2127 0%,
            #15181d 100%
        ) !important;

    color: #c9cbd0 !important;

    border-bottom: 1px solid #3b3120 !important;

    box-shadow:
        inset 0 -1px 0 rgba(215, 180, 90, 0.08);
}


/* Información principal del autor */
.post_author .author_information {
    color: #c9cbd0 !important;
}


/* Nombre del usuario */
.post_author .author_information .largetext,
.post_author .author_information .largetext a:link,
.post_author .author_information .largetext a:visited {
    color: #e8c86a !important;

    font-weight: 700;

    text-decoration: none;
}


/* Hover del nombre */
.post_author .author_information .largetext a:hover,
.post_author .author_information .largetext a:active {
    color: #ffe39a !important;
}


/* Rango y textos secundarios */
.post_author .author_information .smalltext {
    color: #9da2a8 !important;
}


/* Estadísticas del lado derecho */
.post_author .author_statistics {
    color: #aeb3b9 !important;
}


/* Links dentro de estadísticas */
.post_author .author_statistics a:link,
.post_author .author_statistics a:visited {
    color: #d7b45a !important;

    text-decoration: none;
}


.post_author .author_statistics a:hover,
.post_author .author_statistics a:active {
    color: #ffe39a !important;
}


/* =========================================================
   AVATAR DEL AUTOR - SIN MARCO NI FONDO
   ========================================================= */

/* Contenedor del avatar */
.post_author .author_avatar {
    background: transparent !important;

    border: none !important;

    padding: 0 !important;

    box-shadow: none !important;
}


/* Imagen del avatar */
.post_author .author_avatar img {
    background: transparent !important;

    border: none !important;

    padding: 0 !important;

    box-shadow: none !important;

    /* Tamaño del avatar dentro de los mensajes */
    width: 60px !important;

    height: auto !important;

    max-width: 60px !important;

    max-height: none !important;

    object-fit: contain;
}

/* =========================================================
   16. CONTROLES INFERIORES DE LOS MENSAJES
   MU-SANMIGUEL
   ========================================================= */

/* Barra completa de controles */
.post_controls {
    background:
        linear-gradient(
            180deg,
            #1b1f24 0%,
            #111419 100%
        ) !important;

    border-top: 1px solid rgba(215, 180, 90, 0.35) !important;
    border-bottom: 1px solid #2b2f35 !important;

    padding: 7px 8px !important;

    box-sizing: border-box;
}


/* Contenedores de botones */
.postbit_buttons {
    margin: 0 !important;
}


/* Botones */
.postbit_buttons a {
    display: inline-block;

    margin: 0 2px;

    padding: 4px 8px;

    background:
        linear-gradient(
            180deg,
            #2a2f35 0%,
            #1a1e23 100%
        ) !important;

    color: #d8dadd !important;

    border: 1px solid #3b4148 !important;
    border-radius: 4px;

    text-decoration: none !important;

    font-size: 12px;
    font-weight: 600;

    line-height: 18px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 1px 2px rgba(0, 0, 0, 0.55);

    transition:
        border-color 0.15s ease,
        color 0.15s ease,
        background 0.15s ease;
}


/* Hover */
.postbit_buttons a:hover {
    background:
        linear-gradient(
            180deg,
            #343a41 0%,
            #20252b 100%
        ) !important;

    color: #ffe39a !important;

    border-color: #8b7138 !important;
}


/* Iconos dentro de botones */
.postbit_buttons a span {
    color: inherit !important;
}


/* Botones del lado izquierdo y derecho */
.postbit_buttons.author_buttons,
.postbit_buttons.post_management_buttons {
    padding: 0 !important;
}


/* Limpieza de fondos blancos heredados */
.post_controls .postbit_buttons a:link,
.post_controls .postbit_buttons a:visited {
    color: #d8dadd !important;
}


/* Hover dorado */
.post_controls .postbit_buttons a:hover,
.post_controls .postbit_buttons a:active {
    color: #ffe39a !important;
}

/* =========================================================
   17. MENSAJES DE ERROR / ALERTAS
   MU-SANMIGUEL
   ========================================================= */

/* Caja principal de error */
.error {
    background: #3a1717 !important;

    color: #ffd7d7 !important;

    border: 1px solid #b94a48 !important;

    border-radius: 5px;

    padding: 10px 12px !important;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.35);
}


/* Título del error */
.error strong {
    color: #ff6b6b !important;

    font-weight: 700;
}


/* Texto general dentro del error */
.error,
.error p,
.error span,
.error div,
.error li {
    color: #ffd7d7 !important;
}


/* Lista de errores */
.error ul {
    margin-top: 6px;
    margin-bottom: 0;
}


/* Links dentro del error */
.error a:link,
.error a:visited {
    color: #ffd36a !important;

    font-weight: 600;
}

.error a:hover,
.error a:active {
    color: #fff0ae !important;
}


/* Iconos o indicadores */
.error img {
    vertical-align: middle;
}

/* =========================================================
   18. SUGERENCIA PARA ALOJAMIENTO DE IMAGENES
   MU-SANMIGUEL
   ========================================================= */

.musmg-image-host-note {
    margin: 10px 0 8px 0;

    padding: 8px 10px;

    background: #171a1f !important;

    border: 1px solid #4b4027;

    border-left: 3px solid #d7b45a;

    border-radius: 4px;

    color: #c9cbd0 !important;

    font-size: 11px;

    line-height: 16px;
}


/* Título */
.musmg-image-host-note strong {
    color: #e8c86a !important;
}


/* Enlace IMG FenixZone */
.sceditor-dropdown .musmg-image-host-note a:link,
.sceditor-dropdown .musmg-image-host-note a:visited {
    display: inline !important;

    background: transparent !important;

    color: #e8c86a !important;

    border: none !important;

    padding: 0 !important;

    margin: 0 !important;

    font-weight: 700;

    text-decoration: none !important;

    box-shadow: none !important;

    outline: none !important;
}


/* Hover */
.sceditor-dropdown .musmg-image-host-note a:hover {
    background: transparent !important;

    color: #ffe39a !important;

    border: none !important;

    text-decoration: underline !important;

    box-shadow: none !important;

    outline: none !important;
}


/* Cuando se hace clic o queda seleccionado */
.sceditor-dropdown .musmg-image-host-note a:active,
.sceditor-dropdown .musmg-image-host-note a:focus {
    background: transparent !important;

    color: #ffe39a !important;

    border: none !important;

    padding: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    text-decoration: underline !important;
}

/* =========================================================
   19. REGLAS DEL FORO
   MU-SANMIGUEL
   ========================================================= */

.musmg-forum-rules .trow1 {
    color: #f2f2f2 !important;
}

.musmg-forum-rules .smalltext {
    color: #f2f2f2 !important;
}

.musmg-forum-rules strong,
.musmg-forum-rules b {
    color: #ffffff !important;
}

.musmg-forum-rules a:link,
.musmg-forum-rules a:visited {
    color: #e8c86a !important;
}

.musmg-forum-rules a:hover,
.musmg-forum-rules a:active {
    color: #ffe39a !important;
}

/* =========================================================
   20. FORMULARIO CONTÁCTANOS
   MU-SANMIGUEL
   ========================================================= */

.musmg-contact-wrapper {
    width: 100%;
    margin: 0 auto 25px auto;
    box-sizing: border-box;
}

/* Cabecera */
.musmg-contact-header {
    background:
        linear-gradient(
            180deg,
            #24282e 0%,
            #171a1f 100%
        );

    border: 1px solid #3b4148;
    border-bottom: 2px solid #8b7138;
    padding: 14px 18px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 5px rgba(0, 0, 0, 0.45);
}

.musmg-contact-title {
    color: #e8c86a;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.musmg-contact-subtitle {
    color: #aeb3b9;
    font-size: 12px;
    line-height: 18px;
}

/* Contenedor del formulario */
.musmg-contact-box {
    background:
        linear-gradient(
            180deg,
            #181c21 0%,
            #111419 100%
        );

    border-left: 1px solid #343940;
    border-right: 1px solid #343940;
    border-bottom: 1px solid #343940;

    box-sizing: border-box;
}

/* Filas */
.musmg-contact-row {
    display: flex;
    align-items: flex-start;

    padding: 16px 18px;
    border-bottom: 1px solid #2c3137;

    box-sizing: border-box;
}

.musmg-contact-row:last-of-type {
    border-bottom: none;
}

/* Texto izquierdo */
.musmg-contact-label {
    width: 32%;
    padding-right: 25px;
    box-sizing: border-box;
}

.musmg-contact-label strong {
    display: block;
    color: #e8c86a;
    font-size: 13px;
    margin-bottom: 4px;
}

.musmg-contact-label span {
    display: block;
    color: #969ca3;
    font-size: 11px;
    line-height: 17px;
}

/* Campos */
.musmg-contact-field {
    width: 68%;
    box-sizing: border-box;
}

.musmg-contact-input,
.musmg-contact-textarea {
    width: 100% !important;
    box-sizing: border-box !important;

    background: #0d1014 !important;
    color: #d9dce0 !important;

    border: 1px solid #3c4249 !important;
    border-radius: 4px !important;

    padding: 8px 10px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.65) !important;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.musmg-contact-input {
    height: 36px;
}

.musmg-contact-textarea {
    min-height: 140px;
    resize: vertical;
    line-height: 19px;
}

/* Campo activo */
.musmg-contact-input:focus,
.musmg-contact-textarea:focus {
    border-color: #9c803e !important;

    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.65),
        0 0 5px rgba(215, 180, 90, 0.18) !important;
}

/* Zona inferior */
.musmg-contact-actions {
    background:
        linear-gradient(
            180deg,
            #1b1f24 0%,
            #111419 100%
        );

    border: 1px solid #343940;
    border-top: 1px solid rgba(215, 180, 90, 0.25);

    padding: 10px;
    text-align: center;

    box-sizing: border-box;
}

/* Botón enviar */
.musmg-contact-button {
    min-width: 110px;

    background:
        linear-gradient(
            180deg,
            #343a41 0%,
            #20252b 100%
        ) !important;

    color: #e8c86a !important;

    border: 1px solid #796331 !important;
    border-radius: 4px !important;

    padding: 7px 18px !important;

    font-weight: 700 !important;
    cursor: pointer;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 1px 2px rgba(0, 0, 0, 0.55);
}

.musmg-contact-button:hover {
    background:
        linear-gradient(
            180deg,
            #414850 0%,
            #282d33 100%
        ) !important;

    color: #ffe39a !important;
    border-color: #a88a43 !important;
}

/* Adaptación para pantallas pequeñas */
@media screen and (max-width: 700px) {

    .musmg-contact-row {
        display: block;
    }

    .musmg-contact-label,
    .musmg-contact-field {
        width: 100%;
    }

    .musmg-contact-label {
        padding-right: 0;
        margin-bottom: 10px;
    }

}

/* =========================================================
   21. AVISO DE MENSAJE PRIVADO
   MU-SANMIGUEL
   ========================================================= */

.pm_alert {
    background:
        linear-gradient(
            180deg,
            #2a2415 0%,
            #1b1810 100%
        ) !important;

    color: #d8dadd !important;

    border: 1px solid #9c803e !important;
    border-radius: 4px;

    padding: 9px 15px !important;
    margin: 0 0 15px 0 !important;

    text-align: center;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 1px 3px rgba(0, 0, 0, 0.45);
}

.pm_alert,
.pm_alert span,
.pm_alert strong {
    color: #d8dadd !important;
}

.pm_alert a:link,
.pm_alert a:visited {
    color: #e8c86a !important;
    font-weight: 700;
    text-decoration: none !important;
}

.pm_alert a:hover,
.pm_alert a:active {
    color: #ffe39a !important;
    text-decoration: underline !important;
}

/* =========================================================
   22. MENSAJES PRIVADOS - LEGIBILIDAD
   MU-SANMIGUEL
   ========================================================= */

/* Texto secundario de la cabecera del MP */
.pm_message .smalltext,
.private_message .smalltext {
    color: #aeb3b9 !important;
}

/* "Para:", "De:", fecha y textos similares */
.pm_message .post_meta,
.private_message .post_meta,
.pm_message .post_meta span,
.private_message .post_meta span {
    color: #aeb3b9 !important;
}

/* Links dentro de esa zona */
.pm_message .post_meta a:link,
.pm_message .post_meta a:visited,
.private_message .post_meta a:link,
.private_message .post_meta a:visited {
    color: #e8c86a !important;
}

/* Citas dentro de mensajes privados */
.pm_message blockquote,
.private_message blockquote,
.post_body blockquote {
    background: #171a1f !important;
    color: #d6d8dc !important;

    border: 1px solid #3b4148 !important;
    border-left: 3px solid #8b7138 !important;

    padding: 10px 12px !important;
    margin: 10px 0 !important;

    border-radius: 4px;
}

/* Texto dentro de la cita */
.pm_message blockquote *,
.private_message blockquote *,
.post_body blockquote * {
    color: #d6d8dc !important;
}

/* Nombre del usuario citado */
.pm_message blockquote cite,
.private_message blockquote cite,
.post_body blockquote cite {
    color: #e8c86a !important;
    font-weight: 700;
}

/* =========================================================
   23. MENSAJES PRIVADOS - ETIQUETA DESTINATARIO
   MU-SANMIGUEL
   ========================================================= */

.musmg-pm-to-label {
    color: #aeb3b9 !important;
    font-weight: 600;
}

/* =========================================================
   24. MENSAJES PRIVADOS - OCULTAR BOTON EMAIL
   MU-SANMIGUEL
   ========================================================= */

.musmg-private-read a[href*="action=emailuser"] {
    display: none !important;
}

/* =========================================================
   MU-SANMIGUEL - REPUTACION EN POSTS
   ========================================================= */

.reputation_neutral {
	color: #f2f2f2 !important;
}

/* =========================================================
   MU-SANMIGUEL - AVISO DE MULTICITA / RESPUESTA RAPIDA
   ========================================================= */

#quickreply_multiquote {
	background: #15191d !important;
	color: #d7d7d7 !important;
	border: 1px solid #3a3f45 !important;
	border-radius: 4px;
	padding: 7px 9px;
}

#quickreply_multiquote a {
	color: #e8c86a !important;
}

#quickreply_multiquote a:hover {
	color: #f3dc8a !important;
	text-decoration: underline;
}