/* ========================================================= styloAdicional.css — Reemplazo completo (mobile-first) Ámbito: páginas con (Política / Términos) ========================================================= */ /* ---------- Variables de tema (fácil de tunear) ---------- */ /* ===== Ocultar la barra vertical del body/html SOLO en estas páginas ===== */ body.page-politica { overflow-y: auto; /* sigue permitiendo desplazamiento */ -ms-overflow-style: none; /* IE/Edge antiguo */ scrollbar-width: none; /* Firefox */ } body.page-politica::-webkit-scrollbar { /* Chrome, Edge, Safari */ width: 0; height: 0; } /* Evitar “doble scroll” por contenedores internos */ .page-politica .wrapper2, .page-politica #contenedor2 { overflow-y: visible !important; /* sin barras propias */ } .page-politica { --nav-bg: #2a7fe8; /* fondo barra de navegación */ --nav-link: #ffffff; /* color links del menú */ --nav-link-hover: #e3f2fd; /* color hover/focus links menú */ --main-bg: #ecad54; /* fondo del main */ --card-bg: #eacb76; /* fondo tarjeta de contenido */ --text: #070707; /* texto general */ } /* ---------- Reset/seguridad por página ---------- */ .page-politica, .page-politica * { box-sizing: border-box; } .page-politica { margin:0; padding:0; overflow-x:hidden; color: var(--text); } .page-politica .wrapper2 { min-height: 100dvh; display:flex; flex-direction:column; overflow-x:hidden; } /* Imágenes nunca ensanchan el layout */ .page-politica nav[aria-label="Menú principal"] .social-icons{margin-right:12px;} /* separación respecto del menú */ .page-politica img, .page-politica .logo-superior img, .page-politica .header-banner img, .page-politica .social-icons img { max-width:100%; height:auto; display:block; } /* ========================================================= NAV (mobile-first) - En mobile: menú plegado; se muestra con .visible - En desktop (>=768px): menú horizontal fijo ========================================================= */ .page-politica nav[aria-label="Menú principal"] { background: var(--nav-bg); color: var(--nav-link); padding-left: 0; } /* Línea interna del nav */ .page-politica nav[aria-label="Menú principal"] .nav-inner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px; margin:0; max-width:100%; } /* Botón hamburguesa (se oculta en desktop) */ .page-politica .menu-toggle { background: transparent; border: 0; color: var(--nav-link); font-size: 1.5rem; line-height: 1; padding: 6px 10px; cursor: pointer; } /* Lista del menú (ID + clase por compatibilidad) */ .page-politica nav[aria-label="Menú principal"] #menu.menu { display: none; /* plegado en mobile */ flex-direction: column; gap: 8px; margin: 6px 8px 8px; padding: 8px; list-style: none; background: var(--nav-bg); /* mismo color que barra */ border-radius: 6px; } /* el JS agrega .visible para abrir */ .page-politica nav[aria-label="Menú principal"] #menu.menu.visible { display: flex; } /* Ítems y enlaces */ .page-politica nav[aria-label="Menú principal"] .menu li { margin: 0; } .page-politica nav[aria-label="Menú principal"] .menu a { display:block; text-decoration:none; padding: 5px 6px; color: var(--nav-link); font-weight: 600; border-radius: 6px; line-height: 1.2; } .page-politica nav[aria-label="Menú principal"] .menu a:hover, .page-politica nav[aria-label="Menú principal"] .menu a:focus { background: rgba(255,255,255,0.12); color: var(--nav-link-hover); outline: none; } /* Enlace activo (opcional) */ .page-politica nav[aria-label="Menú principal"] .menu a[aria-current="page"]{ border-bottom: 2px solid currentColor; } /* ========================================================= MAIN / CARD ========================================================= */ .page-politica #contenedor2 { background: var(--main-bg); flex:1; display:block; } .page-politica .cuerpo2 { background: var(--card-bg); color: #060606; border: 0.5px solid rgba(0,0,0,0.08); box-shadow: 0 4px 6px rgba(0,0,0,0.25); padding: 0.9rem; line-height: 1.25; overflow-wrap: anywhere; /* evita desbordes por URLs largas */ } /* Títulos y textos */ .page-politica .cuerpo2 h1 { color: #111; font-size: 1.5rem; margin: 0 0 0.5rem 0; border-bottom: 0.5px solid rgba(0,0,0,0.2); padding-bottom: 0.35rem; } .page-politica .cuerpo2 h2 { color: #070707; font-size: 1.1rem; margin: 0.9rem 0 0.5rem 0; } .page-politica .cuerpo2 p, .page-politica .cuerpo2 ul, .page-politica .cuerpo2 ol, .page-politica .cuerpo2 address { margin: 0 0 0.5rem 0; background: transparent !important; padding: 0 !important; border: none !important; font-size: 1rem; } /* Enlaces de contenido (no menú) */ .page-politica .cuerpo2 a { color: #0d47a1; text-decoration: underline; } .page-politica .cuerpo2 a:hover { color: #0d47a1; } /* mailto destacado */ .page-politica .cuerpo2 a[href^="mailto"]{ color:#0a3d62; font-weight:700; } .page-politica .cuerpo2 a[href^="mailto"]:hover{ color:#062a44; } /* Address en “tarjeta” */ .page-politica .cuerpo2 address.contacto{ margin-top: 1rem; line-height: 1.2; font-style: normal; font-weight: bold; color: #111; background: rgba(255,255,255,0.4); padding: 6px 8px; border-left: 4px solid #2a7fe8; border-radius: 4px; } /* Neutralización de cards extra si existieran */ .page-politica .card2 { background: transparent !important; box-shadow: none !important; } /* ========================================================= FOOTER ========================================================= */ footer.pie2 { background: var(--main-bg); padding: 6px; border-top: 2px solid #ccc; display: flex; flex-direction: column; align-items: center; gap: 6px; } .footer-links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; text-align: center; background: var(--main-bg); } .link2 { color:#000204; text-decoration:none; font-weight:bold; display:flex; align-items:center; gap:4px; font-size:1rem; transition: color .2s ease; } .link2 i { font-size:1.1em; color:#eb3f3f; } .link2:hover { text-decoration: underline; color:#000408; } .footer-visitas, .footer-visitas2 { display:flex; flex-direction:column; align-items:center; color:#0c0b0b; font-size:.9em; } .footer-copy, .footer-copy2 { background:#000; color:#fff; width:100%; text-align:center; padding:10px 0; font-size:.85em; } /* Certificado centrado + enlace más oscuro */ footer.pie2 #comodoTL { display:block; width:fit-content; margin:6px auto; text-align:center; } footer.pie2 #comodoTL, footer.pie2 #comodoTL:link, footer.pie2 #comodoTL:visited { color: #222 !important; font-weight: 700; } footer.pie2 #comodoTL:hover, footer.pie2 #comodoTL:focus { color: #000 !important; text-decoration: underline; } /* Fallbacks por si el script inyecta otras rutas/clases */ footer.pie2 img[src*="sectigo"], footer.pie2 img[src*="trustlogo"], footer.pie2 img[alt*="SSL" i] { display:block; margin:6px auto; } /* ========================================================= RESPONSIVE (mejoras progresivas) ========================================================= */ /* >= 480px: un poco más de aire */ @media (min-width: 480px) { .page-politica .cuerpo2 { padding: 1rem; } } /* >= 768px: menú horizontal fijo y a la izquierda */ @media (min-width: 768px) { /* Menú desplegado fijo en horizontal */ .page-politica .menu-toggle { display: none; } .page-politica nav[aria-label="Menú principal"] #menu.menu { display: flex !important; flex-direction: row; gap: 10px 16px; background: transparent; margin: 0; padding: 0 8px; border-radius: 0; } .page-politica nav[aria-label="Menú principal"] .nav-inner { padding-left: 8px; /* poné 0 si lo querés al ras del borde */ } .page-politica nav[aria-label="Menú principal"] .menu { justify-content: flex-start; width: auto; max-width: 100%; } .page-politica .cuerpo2 { padding: 1rem 1.25rem; font-size: 1rem; } .page-politica .cuerpo2 h1 { font-size: 1.7rem; } .page-politica .cuerpo2 h2 { font-size: 1.2rem; } } /* >= 1200px: tipografía un toque más grande */ @media (min-width: 1140px) { .page-politica .cuerpo2 { font-size: 1.05rem; } }