/* Estilos críticos (reset, base, header, hero) están inlineados en . Este archivo contiene solo los estilos no críticos (below the fold). */ /* === DESPEDIDAS === */ .despedidas-destaque { display: flex; align-items: center; gap: 2.5rem; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, .09); margin: 2.5rem 0; } .despedidas-img { flex: 0 0 auto; width: clamp(220px, 38%, 440px); aspect-ratio: 880/527; } .despedidas-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .despedidas-texto { flex: 1; padding: 2rem 2rem 2rem 0; } .despedidas-texto h2 { font-size: 1.6rem; color: #8B0000; margin: 0 0 1rem; line-height: 1.2; } .despedidas-texto p { color: #444; margin: 0 0 .9rem; line-height: 1.7; } .despedidas-ctas { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.2rem; } @media (max-width: 700px) { .despedidas-destaque { flex-direction: column; } .despedidas-img { width: 100%; } .despedidas-texto { padding: 1.5rem; } .contacto-hero { flex-direction: column; text-align: center; } .contacto-hero-img { width: 100%; max-width: 420px; margin: 0 auto; } } section { margin: 2.5rem 0; } section>h2 { font-size: 1.6rem; color: #8B0000; margin: 0 0 1.2rem; padding-bottom: .5rem; border-bottom: 2px solid #C62828; } /* === POR QUÉ ELEGIRNOS === */ .porque { text-align: center; } .porque>h2 { font-size: 1.8rem; color: #8B0000; border-bottom: 2px solid #C62828; padding-bottom: .5rem; margin-bottom: 1rem; } .porque-tagline { font-size: 1.15rem; font-weight: 700; color: #1a1a1a; margin: 0 auto .6rem; max-width: 620px; } .porque-intro { font-size: 1rem; color: #555; margin: 0 auto 2rem; max-width: 620px; line-height: 1.7; } .porque-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; text-align: left; } .porque-card { background: #fff; border-radius: 12px; padding: 1.8rem 1.6rem; box-shadow: 0 3px 10px rgba(0, 0, 0, .09); border-top: 4px solid #C62828; } .porque-icon { margin-bottom: 1rem; } .porque-card h3 { font-size: 1.05rem; font-weight: 800; color: #1a1a1a; margin: 0 0 .6rem; } .porque-card p { font-size: .95rem; color: #444; margin: 0; line-height: 1.65; } /* === CONTRATAR OPCIONES === */ .contratar-opciones { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .contratar-directa { border-top-color: #2E7D32; } .contratar-plataforma { border-top-color: #888; opacity: .85; } .badge-recomendado { display: inline-block; background: #2E7D32; color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 20px; margin-bottom: .75rem; } .contratar-directa .cta { margin-top: 1rem; } [data-theme="dark"] .contratar-plataforma { opacity: .7; } /* === PROVINCE GRID === */ .provincias-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: .85rem; } .provincias-grid li a { display: block; padding: 1rem 1.2rem; background: #fff; border-radius: 8px; text-decoration: none; color: #1a1a1a; font-weight: 600; border-left: 4px solid #C62828; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); } .provincias-grid li a:hover { background: #fff8f0; color: #8B0000; border-left-color: #8B0000; } /* === SERVICES === */ .servicios ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1rem; } .servicios li { background: #fff; border-radius: 8px; padding: 1.2rem 1.4rem; border-top: 3px solid #C62828; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); } .servicios li strong { display: block; margin-bottom: .4rem; color: #8B0000; } /* === FAQ === */ .faq { background: #fff; border-radius: 12px; padding: 1.5rem 2rem; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); } .faq h2 { font-size: 1.5rem; color: #8B0000; margin: 0 0 1rem; padding-bottom: .5rem; border-bottom: 2px solid #C62828; } .faq h3 { font-size: 1rem; font-weight: 700; color: #1a1a1a; margin: 1.2rem 0 .4rem; padding-top: 1.2rem; border-top: 1px solid #ede8e0; } .faq p { margin: 0 0 .5rem; color: #444; } /* === BREADCRUMBS === */ .breadcrumbs { margin-bottom: 1.5rem; } .breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; font-size: .9rem; } .breadcrumbs li::after { content: '›'; margin-left: .3rem; color: #999; } .breadcrumbs li:last-child::after { content: ''; } .breadcrumbs a { color: #C62828; text-decoration: none; font-weight: 500; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs li:last-child { color: #666; } /* === ARTICLE === */ article h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); color: #8B0000; margin: 0 0 1.2rem; } article .intro, article [itemprop=description] { background: #fff; border-radius: 10px; padding: 1.2rem 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); font-size: 1.05rem; color: #333; border-left: 4px solid #C62828; } /* === INFO BOX === */ .info-box { background: #fff8f0; border: 1px solid #ecd9ba; border-radius: 8px; padding: 1rem 1.4rem; margin: 1.2rem 0; } .info-box p { margin: .3rem 0; } .info-box a { color: #C62828; font-weight: 600; } /* === STATS === */ .stats { background: #8B0000; color: #fff; border-radius: 8px; padding: .9rem 1.4rem; margin: 1rem 0; } .stats strong { color: #FBC02D; } /* === ALPHABETIC INDEX === */ .indice-alfabetico { margin-bottom: 1.2rem; display: flex; flex-wrap: wrap; gap: .4rem; } .indice-alfabetico a { display: inline-block; padding: .3rem .7rem; background: #C62828; color: #fff; border-radius: 4px; font-weight: 700; font-size: .85rem; text-decoration: none; } .indice-alfabetico a:hover { background: #8B0000; } .letra-group { margin-bottom: 1.5rem; } .letra-group h3 { font-size: .8rem; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; color: #fff; background: #8B0000; display: inline-block; padding: .2rem .7rem; border-radius: 4px; margin-bottom: .6rem; } /* === LOCALIDADES GRID === */ .localidades-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .4rem; } .localidades-grid li a { display: block; padding: .45rem .9rem; background: #fff; border-radius: 6px; text-decoration: none; color: #1a1a1a; font-size: .9rem; border-left: 3px solid #e8e0d8; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); } .localidades-grid li a:hover { border-left-color: #C62828; color: #8B0000; background: #fff8f0; } .badge { background: #FBC02D; color: #1a1a1a; font-size: .7rem; padding: .1rem .4rem; border-radius: 10px; margin-left: .3rem; font-weight: 700; vertical-align: middle; } /* === RELATED === */ .relacionadas ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; } .relacionadas li a { display: inline-block; padding: .35rem .85rem; background: #fff; border: 1px solid #ddd; border-radius: 20px; text-decoration: none; color: #333; font-size: .9rem; } .relacionadas li a:hover { border-color: #C62828; color: #C62828; background: #fff8f0; } .distancia { color: #999; font-size: .8rem; } /* === OTHER PROVINCES === */ .otras-provincias ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; } .otras-provincias li a { display: inline-block; padding: .4rem .9rem; background: #C62828; color: #fff; border-radius: 20px; text-decoration: none; font-size: .88rem; font-weight: 600; } .otras-provincias li a:hover { background: #8B0000; } /* === CTA === */ .cta { margin: 1.5rem 0; } /* === CONTACTO === */ .contacto-hero { background: linear-gradient(135deg, #7B0000 0%, #C62828 50%, #D84315 100%); color: #fff; padding: 2.5rem 2rem; border-radius: 12px; margin-bottom: 2rem; display: flex; align-items: center; gap: 2rem; overflow: hidden; } .contacto-hero-text { flex: 1; min-width: 0; } .contacto-hero-img { flex: 0 0 auto; width: clamp(220px, 35%, 420px); border-radius: 10px; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, .45); aspect-ratio: 880/527; } .contacto-hero-img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .contacto-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; margin: 0 0 .8rem; color: #fff; } .contacto-hero p { font-size: 1.1rem; max-width: 580px; margin: 0 auto 1.8rem; color: #fff; line-height: 1.6; } .contacto-hero-ctas { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: .5rem; } .btn-call-hero { display: inline-flex; align-items: center; min-height: 48px; gap: .5rem; background: #FBC02D; color: #1a0a00; font-size: 1.15rem; font-weight: 800; padding: .85rem 2rem; border-radius: 8px; text-decoration: none; letter-spacing: .01em; } .btn-call-hero:hover { background: #f9a825; color: #1a0a00; } .btn-whatsapp-hero { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: #fff; font-size: 1.1rem; font-weight: 700; padding: .85rem 2rem; border-radius: 8px; border: 2px solid rgba(255, 255, 255, .7); text-decoration: none; } .btn-whatsapp-hero:hover { background: rgba(255, 255, 255, .1); border-color: #fff; } .contacto-info { background: #1a0a00; border-radius: 12px; padding: 2rem 1.5rem; margin-bottom: 2rem; } .contacto-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 260px)); gap: 1.5rem; justify-content: center; } @media (max-width: 600px) { .contacto-info-grid { grid-template-columns: 1fr; } } .contacto-info-card { text-align: center; } .contacto-info-card h2 { color: #FBC02D; font-size: 1.1rem; margin: .6rem 0 .4rem; } .contacto-info-card p { color: #ddd; margin: .2rem 0; font-size: .95rem; } .contacto-info-card a { color: #fff; font-weight: 700; text-decoration: none; font-size: 1.1rem; } .contacto-info-card a:hover { color: #FBC02D; } .contacto-sub { color: #aaa !important; font-size: .85rem !important; line-height: 1.5; } .contacto-icon { margin-bottom: .3rem; } .contacto-form-section { background: #fff; border-radius: 12px; padding: 2rem 2.5rem; box-shadow: 0 3px 12px rgba(0, 0, 0, .09); margin-bottom: 2rem; } .contacto-form-intro h2 { font-size: 1.5rem; color: #8B0000; margin: 0 0 .4rem; } .contacto-form-intro p { color: #555; margin: 0 0 1.5rem; line-height: 1.6; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; } @media(max-width:600px) { .form-row { grid-template-columns: 1fr; } } .form-group { display: flex; flex-direction: column; gap: .3rem; } .form-group--full { margin-bottom: 1rem; } .form-group label { font-size: .9rem; font-weight: 600; color: #333; } .form-hint { font-weight: 400; color: #888; font-size: .85rem; } .form-group input, .form-group select, .form-group textarea { border: 1.5px solid #ddd; border-radius: 6px; padding: .65rem .9rem; font-size: 1rem; font-family: inherit; color: #1a1a1a; background: #fafafa; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #C62828; background: #fff; } .form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; } .btn-submit { background: #C62828; color: #fff; border: none; border-radius: 8px; padding: .9rem 2rem; font-size: 1.05rem; font-weight: 700; cursor: pointer; } .btn-submit:hover { background: #8B0000; } .btn-submit:focus-visible { outline: 3px solid #FBC02D; outline-offset: 3px; } .form-note { color: #666; font-size: .9rem; margin: 0; } .form-tel { color: #C62828; font-weight: 700; text-decoration: none; } .form-tel:hover { text-decoration: underline; } .form-success { background: #E8F5E9; border: 1px solid #2E7D32; border-radius: 8px; padding: 1rem 1.4rem; margin-top: 1rem; color: #1B5E20; } .form-error { background: #FFEBEE; border: 1px solid #C62828; border-radius: 8px; padding: 1rem 1.4rem; margin-top: 1rem; color: #7B0000; } /* === QUIÉNES SOMOS === */ .quienes-somos { background: #fff8f0; border-radius: 12px; padding: 2rem 1.5rem; border-left: 4px solid #C62828; } .quienes-somos h2 { font-size: 1.6rem; color: #8B0000; margin: 0 0 1rem; } /* === TESTIMONIOS === */ .testimonios>h2 { font-size: 1.6rem; color: #8B0000; margin: 0 0 1.5rem; padding-bottom: .5rem; border-bottom: 2px solid #C62828; } .testimonios-header { display: flex; align-items: baseline; flex-wrap: wrap; gap: .75rem 1.5rem; margin-bottom: 1.5rem; border-bottom: 2px solid #C62828; padding-bottom: .5rem; } .testimonios-header h2 { font-size: 1.6rem; color: #8B0000; margin: 0; flex: 1; } .testimonios-ver-todas { font-size: .95rem; font-weight: 700; color: #C62828; text-decoration: none; white-space: nowrap; } .testimonios-ver-todas:hover { text-decoration: underline; } .testimonios-ver-todas .stars { color: #FBC02D; margin-right: .25rem; } .testimonios-cta { text-align: right; margin-top: 1rem; font-size: .95rem; } .testimonios-cta a { color: #C62828; font-weight: 700; text-decoration: none; } .testimonios-cta a:hover { text-decoration: underline; } .testimonios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .testimonio-card { background: #fff8f0; border: 1px solid #f0d8c0; border-left: 4px solid #C62828; border-radius: 10px; padding: 1.5rem; display: flex; flex-direction: column; } .testimonio-card .stars { color: #FBC02D; font-size: 1.4rem; line-height: 1; display: block; margin-bottom: .6rem; letter-spacing: .05em; } .testimonio-titulo { font-size: 1rem; font-weight: 700; color: #1a1a1a; margin: 0 0 .7rem; } .testimonio-texto { color: #444; font-size: .95rem; line-height: 1.65; margin: 0 0 1.2rem; font-style: italic; flex: 1; } .testimonio-autor { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .5rem; font-size: .88rem; color: #666; border-top: 1px solid #ecddd0; padding-top: .8rem; } .testimonio-autor strong { color: #1a1a1a; font-weight: 700; } .testimonio-fuente { font-size: .78rem; color: #999; margin: .5rem 0 0; } /* === PÁGINA OPINIONES === */ .opiniones-hero { background: #fff8f0; border-left: 4px solid #C62828; border-radius: 0 10px 10px 0; padding: 1.5rem 2rem; margin-bottom: 2rem; } .opiniones-aggregate { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem 1rem; margin-bottom: .75rem; } .opiniones-stars { color: #FBC02D; font-size: 1.6rem; letter-spacing: .05em; line-height: 1; } .opiniones-hero h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); color: #8B0000; margin: 0 0 .5rem; } .opiniones-filtros { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; } .filtro-btn { display: inline-block; padding: .4rem .9rem; border-radius: 20px; background: #f0e8e0; color: #5a3020; text-decoration: none; font-size: .9rem; font-weight: 600; transition: background .15s, color .15s; min-width: 5.5rem; text-align: center; } .filtro-btn:hover { background: #C62828; color: #fff; } .filtro-btn.active { background: #8B0000; color: #fff; } .opiniones-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-bottom: 2.5rem; } .opiniones-vacio { font-size: 1.1rem; color: #666; padding: 2rem; text-align: center; } .opiniones-cta-final { background: linear-gradient(135deg, #7B0000 0%, #C62828 100%); color: #fff; border-radius: 12px; padding: 2rem; text-align: center; margin: 2rem 0; } .opiniones-cta-final p { margin: 0 0 1rem; font-size: 1.05rem; } /* === BLOG === */ .blog-hero { background: linear-gradient(135deg, #7B0000 0%, #C62828 100%); color: #fff; padding: 1.5rem 1.5rem 2rem; margin-bottom: 2rem; } .blog-hero-inner { max-width: 860px; margin: 0 auto; } .blog-hero h1 { font-size: 2rem; margin: .5rem 0 .6rem; color: #fff; } .blog-hero p { margin: 0; font-size: 1.05rem; opacity: .9; } .breadcrumbs--hero { margin-bottom: .5rem; } .breadcrumbs--hero a { color: rgba(255, 255, 255, .85); } .breadcrumbs--hero li:last-child { color: rgba(255, 255, 255, .65); } .breadcrumbs--hero li::after { color: rgba(255, 255, 255, .5); } /* Blog grid index */ .blog-grid-section { max-width: 900px; margin: 0 auto 2.5rem; padding: 0 1rem; } .blog-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; } .blog-card { background: #fff; border: 1px solid #e8e0d5; border-radius: 10px; overflow: hidden; transition: box-shadow .2s, transform .2s; } .blog-card:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .1); transform: translateY(-3px); } .blog-card article { padding: 1.25rem; display: flex; flex-direction: column; height: 100%; } .blog-card-meta { font-size: .8rem; color: #888; margin-bottom: .6rem; display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; } .blog-sep { opacity: .4; } .blog-card-title { font-size: 1.1rem; color: #8B0000; margin: 0 0 .6rem; line-height: 1.35; } .blog-card-title a { color: inherit; text-decoration: none; } .blog-card-title a:hover { text-decoration: underline; } .blog-card-excerpt { font-size: .92rem; color: #555; line-height: 1.55; flex: 1; margin: 0 0 1rem; } .blog-card-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; } .blog-leer-mas { font-size: .88rem; font-weight: 700; color: #C62828; text-decoration: none; } .blog-leer-mas:hover { text-decoration: underline; } .blog-tags { list-style: none; padding: 0; margin: 0; display: flex; gap: .35rem; flex-wrap: wrap; } .blog-tags li { background: #f3ece4; color: #7B0000; font-size: .75rem; padding: .2rem .55rem; border-radius: 20px; font-weight: 600; } .blog-tags--header { margin-top: .5rem; } /* Blog CTA strip */ .blog-cta { background: #fff8e1; border-top: 3px solid #C62828; text-align: center; padding: 1.75rem 1rem; margin-top: 2rem; } .blog-cta p { font-size: 1.05rem; font-weight: 700; margin: 0 0 1rem; color: #1a1a1a; } /* Blog article */ .blog-article { margin: 0; padding: 0; } .blog-article-header { margin-bottom: 2rem; padding-bottom: 1.25rem; border-bottom: 2px solid #f0e8df; } .blog-article-header h1 { font-size: 1.9rem; color: #8B0000; line-height: 1.25; margin: .5rem 0 .75rem; } .blog-article-meta { font-size: .85rem; color: #777; display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; } .blog-article-body { font-size: 1.02rem; line-height: 1.8; color: #2a2a2a; } .blog-article-body h2 { font-size: 1.35rem; color: #8B0000; margin: 2rem 0 .75rem; padding-bottom: .35rem; border-bottom: 2px solid #C62828; } .blog-article-body h3 { font-size: 1.1rem; color: #5a0000; margin: 1.5rem 0 .5rem; } .blog-article-body p { margin: 0 0 1rem; } .blog-article-body ul, .blog-article-body ol { padding-left: 1.5rem; margin: 0 0 1rem; } .blog-article-body li { margin-bottom: .4rem; } .blog-lead { font-size: 1.1rem; color: #444; font-style: italic; border-left: 4px solid #C62828; padding-left: 1rem; margin-bottom: 1.75rem; } /* Blog table */ .blog-table-wrap { overflow-x: auto; margin: 1rem 0 1.5rem; } .blog-table { width: 100%; border-collapse: collapse; font-size: .95rem; } .blog-table th, .blog-table td { text-align: left; padding: .6rem .85rem; border: 1px solid #e0d4c8; } .blog-table thead { background: #8B0000; color: #fff; } .blog-table tbody tr:nth-child(even) { background: #faf6f2; } /* Blog FAQ within article */ .blog-faq { background: #faf6f2; border-radius: 10px; padding: 1.5rem; margin-top: 2rem; } .blog-faq h2 { font-size: 1.25rem; color: #8B0000; margin: 0 0 1rem; border-bottom: 2px solid #C62828; padding-bottom: .4rem; } .blog-faq h3 { font-size: 1rem; color: #5a0000; margin: 1rem 0 .4rem; } .blog-faq p { margin: 0 0 .5rem; font-size: .95rem; } /* Article footer */ .blog-article-footer { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid #eee; } .blog-volver { font-size: .9rem; color: #C62828; text-decoration: none; font-weight: 700; } .blog-volver:hover { text-decoration: underline; } /* === FOOTER === */ footer { background: #1a0a00; color: #bbb; text-align: center; padding: 1.5rem 1rem; margin-top: 3rem; border-top: 3px solid #C62828; font-size: .9rem; } footer a { color: #FBC02D; text-decoration: none; } footer a:hover { text-decoration: underline; } /* ===== LEGAL PAGES ===== */ .legal-page { max-width: 780px; margin: 2rem auto; padding: 0 1rem 3rem; line-height: 1.75; } .legal-page h2 { margin-top: 2rem; font-size: 1.1rem; color: #8B0000; } .legal-page ul { margin: .5rem 0 1rem 1.5rem; } .legal-update { margin-top: 2.5rem; font-size: .85rem; color: #888; } footer nav { margin-top: .4rem; font-size: .85rem; } footer nav a { color: #ccc; } /* ===== DARK MODE ===== */ [data-theme="dark"] .despedidas-destaque, [data-theme="dark"] .porque-card, [data-theme="dark"] .servicios li, [data-theme="dark"] .faq, [data-theme="dark"] .contacto-form-section, [data-theme="dark"] .blog-card, [data-theme="dark"] article .intro, [data-theme="dark"] article [itemprop=description] { background: #1e1e1e; box-shadow: 0 2px 8px rgba(0,0,0,.4); } [data-theme="dark"] .provincias-grid li a, [data-theme="dark"] .localidades-grid li a, [data-theme="dark"] .relacionadas li a { background: #1e1e1e; color: #ddd; } [data-theme="dark"] .provincias-grid li a:hover, [data-theme="dark"] .localidades-grid li a:hover { background: #2a1a1a; } [data-theme="dark"] .localidad-hero-desc, [data-theme="dark"] article .intro, [data-theme="dark"] article [itemprop=description] { background: #1e1e1e; color: #e0e0e0; border-color: #8B0000; box-shadow: none; } [data-theme="dark"] .blog-lead { color: #bbb; border-color: #8B0000; } [data-theme="dark"] .testimonio-card, [data-theme="dark"] .opiniones-hero, [data-theme="dark"] .quienes-somos, [data-theme="dark"] .blog-faq { background: #1e1e1e; border-color: #333; } [data-theme="dark"] .info-box { background: #1a1510; border-color: #4a3520; } [data-theme="dark"] .despedidas-texto p, [data-theme="dark"] .porque-card p, [data-theme="dark"] .porque-intro, [data-theme="dark"] .faq p, [data-theme="dark"] .testimonio-texto, [data-theme="dark"] .blog-article-body, [data-theme="dark"] .blog-card-excerpt { color: #bbb; } [data-theme="dark"] .porque-tagline, [data-theme="dark"] .porque-card h3, [data-theme="dark"] .testimonio-titulo, [data-theme="dark"] .faq h3 { color: #e0e0e0; } [data-theme="dark"] .servicios li strong, [data-theme="dark"] .servicios li strong a { color: #e0e0e0 !important; } [data-theme="dark"] .form-group label { color: #ccc; } [data-theme="dark"] .form-group input, [data-theme="dark"] .form-group select, [data-theme="dark"] .form-group textarea { background: #2a2a2a; border-color: #444; color: #e0e0e0; } [data-theme="dark"] .form-group input:focus, [data-theme="dark"] .form-group select:focus, [data-theme="dark"] .form-group textarea:focus { background: #333; border-color: #C62828; } /* Contacto form textos */ [data-theme="dark"] .contacto-form-intro p, [data-theme="dark"] .form-note { color: #bbb; } /* Contacto info block — mantener identidad visual en dark mode */ [data-theme="dark"] .contacto-info { background: #1a0a00; } [data-theme="dark"] .contacto-info-card h2 { color: #FBC02D !important; } [data-theme="dark"] .contacto-info-card a { color: #fff !important; } [data-theme="dark"] .contacto-info-card a:hover { color: #FBC02D !important; } [data-theme="dark"] .blog-table tbody tr:nth-child(even) { background: #252525; } [data-theme="dark"] .blog-table th, [data-theme="dark"] .blog-table td { border-color: #333; } [data-theme="dark"] .filtro-btn { background: #2a2a2a; color: #ddd; } [data-theme="dark"] .testimonio-autor { border-color: #333; color: #999; } [data-theme="dark"] .testimonio-autor strong { color: #e0e0e0; } [data-theme="dark"] .blog-article-header { border-color: #333; } [data-theme="dark"] section > h2, [data-theme="dark"] .porque > h2, [data-theme="dark"] .testimonios > h2, [data-theme="dark"] .testimonios-header { border-color: #7B0000; } [data-theme="dark"] #theme-toggle:hover { background: rgba(255,255,255,.1); } /* Títulos rojos → rojo claro en dark mode (#FF6B6B sobre #121212 = 7.3:1 AAA) */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] .despedidas-texto h2, [data-theme="dark"] .faq h2, [data-theme="dark"] .faq h3, [data-theme="dark"] .quienes-somos h2, [data-theme="dark"] .opiniones-hero h1, [data-theme="dark"] .contacto-form-intro h2, [data-theme="dark"] .blog-article-header h1, [data-theme="dark"] .blog-article-body h2, [data-theme="dark"] .blog-article-body h3, [data-theme="dark"] .blog-card-title, [data-theme="dark"] .blog-faq h2, [data-theme="dark"] .blog-faq h3, [data-theme="dark"] article h1 { color: #FF6B6B; } /* Títulos informativos (heredan negro en light) → blanco en dark mode */ [data-theme="dark"] .otras-provincias h2, [data-theme="dark"] .servicios h2, [data-theme="dark"] .relacionadas h2 { color: #e0e0e0 !important; } /* Links → rojo claro en dark mode (#FF8A80 sobre #1e1e1e = 8.1:1 AAA) */ [data-theme="dark"] a:not(.btn-call):not(.btn-ws):not(.btn-call-header):not(.brand):not(.btn-call-hero):not(.btn-whatsapp-hero) { color: #FF8A80; } [data-theme="dark"] a:not(.btn-call):not(.btn-ws):not(.btn-call-header):not(.brand):not(.btn-call-hero):not(.btn-whatsapp-hero):hover { color: #ffb3b3; } /* Botones con fondo rojo propio: texto blanco invariable en dark mode */ [data-theme="dark"] .otras-provincias li a, [data-theme="dark"] .indice-alfabetico a, [data-theme="dark"] .letra-group h3 { background: #C62828 !important; color: #fff !important; } [data-theme="dark"] .letra-group h3 { background: #8B0000 !important; } /* Nav y hero: permanecen en blanco en dark mode */ [data-theme="dark"] header nav a, [data-theme="dark"] header nav a:hover { color: #fff !important; } [data-theme="dark"] .hero h1, [data-theme="dark"] .hero h2, [data-theme="dark"] .contacto-hero h1, [data-theme="dark"] .contacto-hero h2, [data-theme="dark"] .blog-hero h1, [data-theme="dark"] .blog-hero h2, [data-theme="dark"] .opiniones-hero h2 { color: #fff; } /* === MODAL BACKDROP BLUR === */ #modal-sugerencia::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }