/* DATA PUERTO RICO - ajustes sobre la plantilla (se carga al final)
   Rojo del logo: #e11e1a  |  Azul marino del logo: #0c0e25 */

:root { --dpr-rojo: #e11e1a; --dpr-marino: #0c0e25; }

body { padding-top: 0; background: #fff; }

/* logo de la cabecera (el original es cuadrado, no una tira ancha como el de la plantilla) */
.logo_01 { padding: 12px 0; }
.logo_01 img { max-height: 84px; width: auto; }
.main_menu { padding-top: 32px; }
.main_menu > ul > li { padding-bottom: 28px; margin-right: 11px; padding-left: 2px; padding-right: 2px; }
.main_menu > ul > li > a { font-size: 12.5px; }
.header_01_settings { padding-top: 6px; }

/* azul marino en las barras oscuras */
.top_bar_01, .bottom_bar { background: var(--dpr-marino); }
.footer_1 { background: var(--dpr-marino); }
.copyright { background: #070816; }
.top_content_section { background: var(--dpr-marino); }
.top_info { background: var(--dpr-rojo); }

/* fotos de distinto tamaño: que siempre llenen el recuadro */
.tw1_thumb img { width: 100%; height: 230px; object-fit: cover; }
.tw2l_thumb img { width: 100%; height: 190px; object-fit: cover; }
.single_tc_post img { width: 100%; height: 300px; object-fit: cover; }
.blog_thumb img { width: 100%; height: auto; max-height: 480px; object-fit: cover; }
.featured_item_1 img { width: 100%; object-fit: cover; }
.lr_sp img { width: 90px; height: 70px; object-fit: cover; }
.sf_s1_post img { width: 90px; height: 70px; object-fit: cover; }

/* publicidad (reemplaza los banners de la plantilla) */
.dpr_ad {
  display: block; text-align: center; padding: 30px 20px; color: #fff; text-decoration: none;
  background: linear-gradient(135deg, var(--dpr-marino) 0%, #1b1f5c 100%);
  border-bottom: 5px solid var(--dpr-rojo);
}
.dpr_ad small { display: block; text-transform: uppercase; letter-spacing: 2px; opacity: .6; font-size: 11px; margin-bottom: 8px; }
.dpr_ad strong { display: block; font-size: 22px; line-height: 1.2; margin-bottom: 8px; }
.dpr_ad span { color: #ff8b88; font-weight: 700; }
.dpr_ad:hover { color: #fff; }

/* Instagram en la barra lateral (la plantilla solo trae Twitter, Facebook y YouTube) */
.single_social.ins > a, .single_social.ins > a:after { background: #d6249f; background: linear-gradient(45deg, #f09433 0%, #dc2743 50%, #bc1888 100%); }
.single_social.ins .social_meta { background: #d6249f; background: linear-gradient(45deg, #f09433 0%, #dc2743 50%, #bc1888 100%); }

/* logo en el pie: la imagen tiene fondo blanco, va en una placa */
.dpr_logo_footer { display: inline-block; background: #fff; padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; }
.dpr_logo_footer img { max-height: 90px; width: auto; display: block; }

.dpr_more {
  display: inline-block; margin: 10px 0 30px; padding: 10px 26px; border: 2px solid var(--dpr-rojo);
  color: var(--dpr-rojo); font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;
}
.dpr_more:hover { background: var(--dpr-rojo); color: #fff; }
.dpr_vacio { padding: 40px 0; font-size: 18px; color: #555; }
.dpr_ejemplo { background: #fff4d6; border-left: 4px solid #e8a500; padding: 10px 14px; font-size: 14px; color: #6b4d00; }
.dpr_share { display: inline-block; background: #1877f2; color: #fff; padding: 8px 18px; border-radius: 4px; font-weight: 700; }
.dpr_share:hover { color: #fff; opacity: .9; }

/* encabezado de la nota: azul marino en vez del gris de la plantilla */
.banner_01 { background: linear-gradient(135deg, var(--dpr-marino) 0%, #1b1f5c 100%) !important; }
.banner_01 .banner_1_content h2, .banner_01 .fi1cm_author, .banner_01 .fi1cm_author a,
.banner_01 .fi1cm_date, .banner_01 .fi1cm_date a { color: #fff; }

/* celulares */
@media (max-width: 767px) {
  .logo_01 img { max-height: 64px; }
  .tw1_thumb img { height: 200px; }
}

/* etiqueta de alcance (Zona / Misiones / País) en cada nota */
.dpr_alc { display: inline-block; margin-left: 10px; padding: 1px 8px; border-radius: 3px; font-size: 10.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px; color: #fff !important; vertical-align: middle; line-height: 17px; }
.dpr_alc_zona { background: var(--dpr-rojo); }
.dpr_alc_misiones { background: #1b6ca8; }
.dpr_alc_pais { background: #5a5f7a; }
.fi1c_meta .dpr_alc { margin-left: 8px; }