/**
 * Ietres GPSR Tab Styles v4
 * - Tamaños de fuente aumentados
 * - Color primario dinámico
 * - Secciones Documentación/Advertencias con estilo de columna full-width
 */

/* --- Variables y Fallbacks --- */
:root {
    --gpsr-primary-color: #3F6483; /* Fallback */
}

/* --- Contenedor Principal --- */
.gpsr-tab-wrapper.gpsr-data-section {
    margin: 20px 0;
    padding: 20px 25px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #333;
}

/* --- Títulos --- */
.gpsr-data-section h2 { /* Título Principal */
    font-size: 2.0rem;
    color: var(--gpsr-primary-color);
    margin-top: 0; margin-bottom: 25px; padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0; font-weight: 600;
}
.gpsr-column h3, /* Títulos de Sección/Columna */
.gpsr-documentation-section h3, /* Título Documentación */
.gpsr-security-warning h3 /* Título Advertencia */ {
    font-size: 1.6rem; /* Unificar tamaño H3 */
    color: #333;
    margin-top: 0; margin-bottom: 15px; padding-bottom: 8px;
    border-bottom: 1px solid #eee; /* Borde común */
}
/* Color específico para título de Advertencia */
.gpsr-security-warning h3 {
    color: #c0392b; /* Mantener rojo para advertencia */
    border-bottom-color: #f5c6cb; /* Borde a juego */
}


/* --- Lista de Definiciones (Dentro de Columnas y Secciones) --- */
.gpsr-definition-list { margin: 0; padding: 0; }

.gpsr-definition-list dt { /* Etiquetas */
    font-weight: 600;
    color: var(--gpsr-primary-color);
    margin-top: 16px; margin-bottom: 6px; display: block;
    font-size: 1.3rem; line-height: 1.45;
}
.gpsr-definition-list dt:first-of-type { margin-top: 0; }

.gpsr-definition-list dd { /* Valores */
    margin-left: 0; margin-bottom: 16px; padding-left: 12px;
    border-left: 3px solid #bdc3c7; color: #555;
    font-size: 1.19rem; word-wrap: break-word; line-height: 1.6;
}
.gpsr-definition-list dd:last-of-type { margin-bottom: 0; }

/* --- Enlaces --- */
.gpsr-definition-list dd a { color: #3498db; text-decoration: none; }
.gpsr-definition-list dd a:hover { text-decoration: underline; }

/* --- Dirección --- */
.gpsr-definition-list dt.gpsr-address-header { /* Ya no es necesario si usamos h3? Revisar PHTML si aún existe */
    margin-top: 20px; border-top: 1px dashed #ccc; padding-top: 15px;
}
.gpsr-definition-list dd.gpsr-address-details { border-left-color: #95a5a6; padding-left: 12px; line-height: 1.6; }
.gpsr-address-details .address-line { display: block; margin-bottom: 4px; }
.gpsr-address-details .address-line:last-child { margin-bottom: 0; }
.gpsr-columns { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 25px; }


.gpsr-column,
.gpsr-documentation-section,
.gpsr-security-warning {
    flex: 1;
    min-width: 280px;
    border: 1px solid #e8e8e8;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 25px;
}
.gpsr-documentation-section,
.gpsr-security-warning {
    flex: auto;
    min-width: auto;
    width: auto;

}


/* --- Estilos Específicos Sección Documentación (si se necesitan diferencias mínimas) --- */
.gpsr-documentation-list dt { margin-top: 0; } /* Ajustes menores si es necesario */
.gpsr-documentation-list dd { border-left: none; padding-left: 0; margin-bottom: 0; }
.gpsr-documentation-list dd a { word-break: break-all; }

/* --- Estilos Específicos Sección Advertencia Seguridad --- */
.gpsr-security-warning div { /* Texto de advertencia */
    line-height: 1.65;
    font-size: 1rem;
}

/* --- Responsive --- */
@media (max-width: 767px) {
    .gpsr-tab-wrapper.gpsr-data-section { padding: 15px; font-size: 1rem; }
    .gpsr-data-section h2 { font-size: 1.6rem; margin-bottom: 20px; }
    .gpsr-column h3, /* Aplicar a todos los h3 de sección */
    .gpsr-documentation-section h3,
    .gpsr-security-warning h3 { font-size: 1.2rem; }
    .gpsr-definition-list dt { font-size: 1.05rem; }
    .gpsr-definition-list dd { font-size: 1rem; }
    .gpsr-columns { flex-direction: column; gap: 20px; }
    /* Columnas y secciones ya ocupan ancho completo en móvil */
    .gpsr-column,
    .gpsr-documentation-section,
    .gpsr-security-warning { min-width: 100%; margin-top: 20px; } /* Ajustar margen móvil */
    .gpsr-security-warning div { font-size: 0.95rem; }
    .gpsr-documentation-list dt { font-size: 1rem; }
    .gpsr-documentation-list dd { font-size: 0.95rem;}
}