/* =============================================
   TEMA: BOLD
   Potente, contrastado, construcción y servicios
   ============================================= */

/* --- Bordes rectos y angulares --- */
[data-tema="bold"] .rounded-2,
[data-tema="bold"] .rounded-top,
[data-tema="bold"] .rounded-end,
[data-tema="bold"] .rounded,
[data-tema="bold"] .rounded-3 { border-radius: 0 !important; }

[data-tema="bold"] .btn { border-radius: 0 !important; letter-spacing: 0.05em; font-weight: 700 !important; text-transform: uppercase; font-size: 0.85em !important; }
[data-tema="bold"] img { border-radius: 0 !important; }

/* --- Sombras fuertes y definidas --- */
[data-tema="bold"] .shadow-sm { box-shadow: 4px 4px 0 rgba(0,0,0,0.15) !important; }
[data-tema="bold"] .serv,
[data-tema="bold"] .post { box-shadow: 4px 4px 0 rgba(0,0,0,0.15) !important; }

/* --- H2: barra lateral izquierda gruesa --- */
[data-tema="bold"] h2 {
    padding-left: 0.75rem;
    border-left: 5px solid currentColor;
    text-align: left !important;
}

/* --- Cards de servicios: borde superior grueso de color --- */
[data-tema="bold"] .serv {
    border-top: 4px solid currentColor !important;
    border-radius: 0 !important;
}

/* --- Cards de blog: borde inferior grueso --- */
[data-tema="bold"] .post {
    border-bottom: 3px solid currentColor !important;
}

/* --- Imágenes con borde grueso --- */
[data-tema="bold"] .galeria-item img,
[data-tema="bold"] .foto img {
    border: 3px solid rgba(0,0,0,0.15);
}

/* --- Dropdown sin redondeo, borde izquierdo grueso --- */
[data-tema="bold"] .dropdown-menu {
    border-radius: 0 !important;
    border-left: 3px solid currentColor !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.12);
}

/* --- Navbar más alta --- */
[data-tema="bold"] .navbar { border-bottom: 3px solid rgba(0,0,0,0.15); }

/* --- Footer con borde superior grueso --- */
[data-tema="bold"] .footer > div { border-top: 4px solid currentColor; }

/* --- Títulos más grandes --- */
[data-tema="bold"] h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
[data-tema="bold"] h2 { font-size: clamp(1.4rem, 3vw, 2rem); }

/* --- Módulo 19: variante BOLD (borde grueso completo) --- */
[data-tema="bold"] .se-mod19 .valor-item {
	border: 3px solid currentColor;
	padding: 1.1rem 1.25rem;
	background: transparent;
}
[data-tema="bold"] .se-mod19 .valor-item strong {
	text-transform: uppercase;
	letter-spacing: .05em;
}
[data-tema="bold"] .se-mod19 .se-mod19-foto-main { border-radius: 0; box-shadow: 0 8px 0 currentColor; }
[data-tema="bold"] .se-mod19 .se-mod19-foto-thumbs img { border-radius: 0; }

/* =====================================================
   Personalización de módulos para BOLD
   Filosofía: rectos, bordes gruesos, sombras duras desplazadas, alto contraste
   ===================================================== */
[data-tema="bold"] .se-mod1 .img img,
[data-tema="bold"] .se-mod2 .img img { border-radius: 0; box-shadow: 12px 12px 0 currentColor; }
[data-tema="bold"] .se-mod14 img { border-radius: 0; }

[data-tema="bold"] .se-mod6 .row > div > .fondo2a,
[data-tema="bold"] .se-mod6 .row > div > .fondo1a { background: transparent !important; border: 3px solid currentColor; border-radius: 0; padding: 1.75rem; }

[data-tema="bold"] .se-mod9 .grid,
[data-tema="bold"] .se-mod9 .photolist { gap: 0; }
[data-tema="bold"] .se-mod9 .grid__item img,
[data-tema="bold"] .se-mod9 .grid__img { border-radius: 0; }
[data-tema="bold"] .se-mod9 .container { max-width: 100%; padding: 0; }

[data-tema="bold"] .se-mod11 .pricing-card { border-radius: 0; border: 3px solid currentColor; box-shadow: 8px 8px 0 currentColor; padding: 2rem 1.5rem; }
[data-tema="bold"] .se-mod11 .pricing-card.featured { border-width: 4px; }

[data-tema="bold"] .se-mod12 .accordion-item { border-radius: 0 !important; border: 3px solid currentColor; margin-bottom: .5rem; }
[data-tema="bold"] .se-mod12 .accordion-button { border-radius: 0 !important; font-weight: 800; text-transform: uppercase; }

[data-tema="bold"] .se-mod16 .timeline::before { width: 5px; }
[data-tema="bold"] .se-mod16 .timeline-dot { width: 22px; height: 22px; border-width: 5px; }
[data-tema="bold"] .se-mod16 .timeline-item { padding: 1rem 2.5rem 2.5rem; }
[data-tema="bold"] .se-mod16 .timeline-date { background: currentColor; color: #fff !important; padding: .2rem .8rem; display: inline-block; font-weight: 800; }

[data-tema="bold"] .se-mod18 .stat-numero { font-weight: 900; letter-spacing: -2px; }
