/* Media Queries para responsive *//* Tablet (max-width: 1024px) */@media (max-width: 1024px) {    .header {        padding: 1rem;        flex-wrap: wrap;    }    .nav-header {        margin-left: 1rem;    }    .nav-links li {        margin-left: 1rem;    }    #hero {        min-height: 50vh;        flex-direction: column;    }    /* Hero index específico */    #hero.hero-index {        height: 45vh; /* Altura reducida en mobile */    }        .hero-slide img {        max-height: 45vh;    }    .hero-img img {        min-height: 40vh;    }    .hero-texto {        max-width: 90%;        padding: 2rem;    }    .hero-index .hero-texto-overlay {        width: 98%;        padding: 0 10px;        bottom: 15px;    }    .hero-index .hero-texto {        padding: 10px 15px;    }    .hero-index .hero-descripcion {        font-size: 0.95rem;        line-height: 1.6;        text-shadow:             5px 5px 12px rgba(0, 0, 0, 1),            0 0 30px rgba(0, 0, 0, 1),            0 0 40px rgba(0, 0, 0, 1),            0 0 50px rgba(0, 0, 0, 1),            -3px -3px 6px rgba(0, 0, 0, 1),            3px -3px 6px rgba(0, 0, 0, 1),            -3px 3px 6px rgba(0, 0, 0, 1),            3px 3px 6px rgba(0, 0, 0, 1),            0 0 10px rgba(0, 0, 0, 1);    }    .hero-titulo {        font-size: 1.6rem;    }    main {        padding: 1rem;    }    .seccion-comunidades {        grid-template-columns: 1fr;        gap: 1rem;        padding: 1rem;    }    .lista-comunidades {        max-height: none;        order: 2; /* Mapa arriba en tablet */    }    #mapa-argentina,    #mapa-mundial {        height: 400px;        order: 1;    }    .figuras-grid,    .carisma-grid,    .advocaciones-grid,    .gobierno-grid,    .info-grid,    .oraciones-grid {        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));        gap: 1rem;    }    .fundadora-content {        grid-template-columns: 1fr;        text-align: center;        gap: 1rem;    }    .acordeon-mapa {        padding: 0 1rem;    }    .acordeon-layout {        flex-direction: column;        gap: 1.5rem;    }    .acordeon {        max-width: 100%;    }    .mapa-container {        flex: 1;        position: relative;        top: auto;        width: 100%;    }    #mapa-historia {        height: 350px;    }    .mapa-container iframe {        height: 300px;    }    .links-footer {        flex-direction: column;        gap: 1rem;        text-align: center;    }    .nav-links-footer {        justify-content: center;        gap: 1rem;    }    .form-contacto {        max-width: 90%;        padding: 1.5rem;    }}/* Mobile Large (max-width: 768px) */@media (max-width: 768px) {    body {        font-size: 1rem; /* Reducir base font para mobile */        line-height: 1.5;    }    h1, .header-titulo {        font-size: 1.5rem; /* Reducir títulos grandes */    }    h2 {        font-size: 1.3rem;    }    h3 {        font-size: 1.1rem;    }    .menu-bars {        display: block; /* Mostrar hamburger */    }    .nav-header {        position: fixed;        top: 0;        right: -100%; /* Oculto por default */        width: 80%;        height: 100vh;        background: var(--accent-color); /* Tu marrón para nav mobile */        flex-direction: column;        justify-content: flex-start;        align-items: center;        padding-top: 5rem;        transition: right 0.3s ease;        box-shadow: var(--shadow);        z-index: 101;    }    .nav-header.active {        right: 0; /* Visible al click */    }    .nav-links {        flex-direction: column;        width: 100%;        text-align: center;        gap: 1rem;    }    .nav-links li {        margin: 0;        width: 100%;    }    .nav-links a {        font-size: 1.1rem;        padding: 1rem;        width: 100%;    }    .header-titulo {        font-size: 1.2rem;        margin-left: 0;    }    #hero {        flex-direction: column;        min-height: 50vh;        padding: 2rem 0;    }    .hero-img img {        min-height: 30vh;        width: 100%;    }    .hero-texto {        max-width: 100%;        padding: 1.5rem;        margin: 0;        text-align: center;    }    .hero-titulo {        font-size: 1.4rem;    }    .hero-descripcion {        font-size: 1rem;    }    section {        margin: 1.5rem 0;        padding: 1.5rem 1rem;    }    .acordeon-titulo {        padding: 0.75rem;        font-size: 1rem;    }    .acordeon-contenido.active {        padding: 0.75rem;        max-height: 150px;    }    .galeria-imagenes {        grid-template-columns: 1fr;        gap: 0.5rem;        justify-content: center;    }    .galeria-imagenes img, .comunidad .galeria-imagenes img { width: auto; max-width: 130px; height: auto; max-height: 110px; object-fit: contain; }    /* Carrusel responsive */    .carrusel-container {        margin: 1rem 0;    }    .carrusel-imagenes {        height: 350px;    }    .carrusel-btn {        width: 35px;        height: 35px;    }    .carrusel-btn svg {        width: 20px;        height: 20px;    }    .carrusel-btn-prev {        left: 10px;    }    .carrusel-btn-next {        right: 10px;    }    .carrusel-caption {        font-size: 0.95rem;        padding: 1rem;    }    .carrusel-indicadores {        bottom: 15px;        gap: 8px;    }    .indicador {        width: 10px;        height: 10px;    }    .indicador.activo {        width: 12px;        height: 12px;    }    /* Carrusel gobierno responsive */    .gobierno-carrusel-container {        margin: 0 0 2rem;    }    .gobierno-carrusel-imagenes {        height: 300px;    }    .gobierno-carrusel-btn {        width: 32px;        height: 32px;    }    .gobierno-carrusel-btn svg {        width: 18px;        height: 18px;    }    .gobierno-btn-prev {        left: 10px;    }    .gobierno-btn-next {        right: 10px;    }    .gobierno-carrusel-caption {        font-size: 0.9rem;        padding: 1rem;    }    .gobierno-carrusel-indicadores {        bottom: 12px;        gap: 6px;    }    .gobierno-indicador {        width: 9px;        height: 9px;    }    .gobierno-indicador.activo {        width: 11px;        height: 11px;    }    .gobierno-grid {        gap: 1rem;    }    .cargo-card-compacta {        max-width: 150px;        padding: 0.7rem;    }    /* Timelines responsive */    .timeline-item {        gap: 0.5rem;        padding-left: 0.7rem;        padding: 0.4rem 0;        padding-left: 0.7rem;    }    .timeline-item::before {        left: -4px;        top: 0.6rem;        width: 7px;        height: 7px;    }    .timeline-fecha {        min-width: 45px;        font-size: 0.65rem;    }    .timeline-texto h4 {        font-size: 0.72rem;    }    .timeline-texto p {        font-size: 0.67rem;    }    .btn-timeline {        padding: 0.5rem 1rem;        font-size: 0.85rem;    }    .timeline-contenido.activo {        max-height: 3500px;    }    .figura-card,    .carisma-card,    .advocaciones-card {        max-width: 100%;        padding: 1.2rem 0.9rem;    }    .figura-card img {        width: 180px;        height: 180px;    }    .figuras-grid,    .carisma-grid,    .advocaciones-grid,    .gobierno-grid,    .info-grid,    .oraciones-grid {        grid-template-columns: 1fr;        gap: 1rem;    }    .cargo-card,    .figura-card,    .carisma-card,    .advocaciones-card,    .oracion-card {        padding: 1rem;        max-width: 100%;    }    .btn-ver,    .btn-read-more,    .btn-submit,    .btn {        width: 100%;        text-align: center;        padding: 0.75rem;        font-size: 1rem;    }    .form-contacto input,    .form-contacto textarea {        font-size: 1rem;        padding: 0.75rem;    }    .documentos-lista a {        padding: 0.75rem;        font-size: 1rem;    }    .timeline-item {        padding: 1rem;    }    #mapa-argentina,    #mapa-mundial {        height: 300px;        width: 100%;    }    .mapa-container iframe {        height: 250px;    }    .seccion-presencia {        padding: 2rem 1rem;    }    .seccion-presencia h2 {        font-size: 1.5rem;    }    .fundadora-content {        grid-template-columns: 1fr;        padding: 1.5rem;    }    .fundadora-img {        max-width: 250px;        height: auto;    }    .links-footer {        padding: 1rem;        flex-direction: column;        gap: 0.5rem;    }    .nav-links-footer {        flex-direction: column;        gap: 0.5rem;    }    .rrss {        justify-content: center;        gap: 1rem;    }    .rrss a {        font-size: 1.5rem;    }    .copyright p {        font-size: 0.9rem;    }}/* Small Mobile (max-width: 480px) */@media (max-width: 480px) {    body {        font-size: 0.95rem;    }    .header {        padding: 0.75rem;    }    .logo img,    .logo-footer {        height: 40px;    }    .header-titulo {        font-size: 1.1rem;    }    main {        padding: 0.5rem;    }    section {        margin: 1rem 0;        padding: 1rem 0.5rem;    }    h2 {        font-size: 1.2rem;    }    .hero-texto {        padding: 1rem;    }    .hero-titulo {        font-size: 1.2rem;    }    .cargo-card,    .comunidad {        padding: 0.75rem;    }    .btn {        padding: 0.5rem 1rem;        font-size: 0.9rem;    }    .galeria-imagenes img {        max-width: 150px;        height: auto;    }    #mapa-argentina,    #mapa-mundial,    .mapa-container iframe {        height: 250px;    }    .form-contacto {        padding: 1rem;        max-width: 95%;    }    input, textarea, button {        min-height: 44px; /* Touch-friendly para iOS */        font-size: 16px; /* Evita zoom en iOS */    }    .links-footer {        padding: 0.5rem;    }    .nav-links-footer a {        font-size: 0.95rem;    }}/* Landscape Mobile Adjustments */@media (max-width: 768px) and (orientation: landscape) {    #hero {        min-height: 50vh;    }    .hero-img img {        min-height: 50vh;    }    .mapa-container iframe {        height: 250px;    }}/* High DPI/Retina (Opcional, para nitidez) */@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {    .logo img,    .logo-footer,    .galeria-imagenes img {        image-rendering: -webkit-optimize-contrast;    }}    /* Oraciones acordeón responsive */    .oracion-titulo {        padding: 0.8rem 1rem;        font-size: 0.82rem;    }    .oracion-texto.activo {        padding: 0.9rem 0.8rem 1rem 0.8rem;    }    .oracion-texto p {        font-size: 0.75rem;        line-height: 1.6;        margin-bottom: 0.7rem;    }    .oracion-versiculo {        padding: 0 0.3rem;        margin-top: 0.8rem;    }    .oracion-versiculo p {        font-size: 0.7rem;    }    /* Noticia Detalle Responsive */    .noticia-detalle {        padding: 0 1rem;    }    .noticia-detalle-header h1 {        font-size: 1.8rem;    }    .noticia-detalle-meta {        flex-direction: column;        gap: 0.5rem;    }    .noticia-detalle-intro {        font-size: 1rem;        padding-left: 1rem;    }    .noticia-detalle-contenido h2 {        font-size: 1.4rem;    }    .noticia-detalle-cita {        padding: 1rem 1.5rem;        font-size: 1rem;    }    .noticia-detalle-footer {        flex-direction: column;        gap: 2rem;        text-align: center;    }    .btn-volver {        width: 100%;        justify-content: center;    }    .noticia-detalle-compartir {        justify-content: center;    }    /* Redes Sociales Responsive */    .redes-container {        grid-template-columns: 1fr;        gap: 1.5rem;        padding: 0 1rem;    }    .widget-social {        padding: 1rem;    }    .widget-content iframe {        width: 100% !important;        max-width: 340px;    }