/* ============================================================
   SECCIÓN INTERNATIONAL (international.css)
   ============================================================ */

.seccion-international-page {
    position: relative;
    margin-bottom: 0px;
    padding-top: 0px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url('imagenes/fondointernational.webp'); 
    background-size: 25%;
    background-position: top left;
    padding-bottom: 40px;
}

.icono-bandera {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* ============================================================
   MODO OSCURO - INTERNATIONAL
   ============================================================ */

/* Fondo general de la sección */
html.dark-mode .seccion-international-page {
    background-image: linear-gradient(rgba(18, 18, 18, 0.85), rgba(18, 18, 18, 0.85)), url('imagenes/fondointernational.webp');
}

/* Franja superior subtítulo */
html.dark-mode .seccion-international-page > div[style*="background-color: #ffffff"] {
    background-color: #1a1a1a !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .seccion-international-page > div[style*="background-color: #ffffff"] p {
    color: #b0b0b0 !important;
}

/* Recuadro principal contenedor */
html.dark-mode .int-box {
    background: #1c1c1c !important;
    border-top-color: #8B0000 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

/* Títulos y textos */
html.dark-mode .int-box h2 {
    color: #e6c894 !important;
}

html.dark-mode .int-box p {
    color: #d1d1d1 !important;
}

html.dark-mode .int-question {
    color: #ffaa55 !important;
}

html.dark-mode .lang-link {
    color: #cea065 !important;
}

html.dark-mode .lang-link:hover {
    color: #ffedc3 !important;
}

html.dark-mode .separator {
    color: #777777 !important;
}

/* Dedicatoria inferior */
html.dark-mode .dedication {
    color: #b0b0b0 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .dedication b {
    color: #e6c894 !important;
}

html.dark-mode .dedication span {
    color: #d4a373 !important;
}