.articulo_articulo_plano {
   padding: 0px;
   background: #ffffff;
 }

 .articulo_articulo {
   -webkit-box-shadow: 0px 0px 3px 0px rgba(204, 204, 204, 1);
   -moz-box-shadow: 0px 0px 3px 0px rgba(204, 204, 204, 1);
   box-shadow: 0px 0px 3px 0px rgba(204, 204, 204, 1);
   padding: 10px;
   background: #ffffff;

 }

 .articulo_completo {
   margin-left: 10px;
   margin-right: 10px;
 }

 .articulo_articulo:hover {
   -webkit-box-shadow: 0px 0px 5px 0px rgba(54, 93, 209, 1);
   -moz-box-shadow: 0px 0px 5px 0px rgba(54, 93, 209, 1);
   box-shadow: 0px 0px 5px 0px rgba(54, 93, 209, 1);
   padding: 10px;
   background: #ffffff;
   transform: scale(1.03);
 }

 .articulo_imagen {
   width: 100%;
   height: auto;
 }

 .articulo_imagen:hover {
   width: 100%;
   height: auto;
   box-shadow: 1 1 4px 2px rgba(0, 140, 186, 0.5);
 }

 .articulo_geleria img {
   transition: transform .5s ease;
   max-width: 100%;
 }


 .articulo_geleria:hover img {
   transform: scale(1.5);
 }

 .articulo_articulo_plano {

   padding: 0px;
   background: #ffffff;
 }


 .articulo_volanta {
   font-family: Roboto, serif;
   font-weight: bold;
   font-size: 12px;
   color: #ff0000;
   text-decoration: none;
   text-transform: uppercase;
 }

 .articulo_titulo {
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   font-size: 40px;
   color: #000000;
   text-decoration: none;
 }

 .articulo_copete {
   font-family: 'Roboto Slab', serif;
   font-size: 24px;
   line-height: 1.4;
   color: darkgray;
   font-weight: 100;
 }

 .articulo_nota {
   font-family: 'Roboto Slab', serif;
   font-weight: normal;
   font-size: 18px;
   line-height: 1.65;
   color: #000000;
 }

 .articulo_nota ul {
   padding-left: 20px;
   line-height: 20px !important;
 }

 .articulo_espacio {
   padding-top: 5px;
   padding-bottom: 5px;
 }


 .articulo_galeria {
   width: 100%;
   height: auto;
   overflow: hidden;
   clear: both;
 }

 p {
   margin-top: 0px;
   margin-bottom: 0px;
 }

 .articulo_galeria .imgx {
   border: 1px solid #ddd;
   border-radius: 4px;
   padding: 5px;
   height: 100px;
   width: auto;
 }

 .imgx:hover {
   box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
 }

 /* Variables base necesarias (por si no las tienes en este archivo) */
 :root {
   --line: #ddd;
   --serif: Georgia, 'Times New Roman', serif;
   --sans: Arial, Helvetica, sans-serif;
   --red: #e30613;
 }

 /* =========================================
   ESTRUCTURA DE LA PÁGINA DEL ARTÍCULO
   ========================================= */
 .article-page {
   max-width: 1180px;
   margin: auto;
   padding: 22px 16px 50px;
 }

 .article-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 300px;
   gap: 28px;
 }

 /* =========================================
   CLASE: ARTICULO COMPLETO
   ========================================= */
 .articulo-completo,
 .article-main {
   background: white;
   border: 1px solid var(--line);
   position: relative;
 }

 /* Imagen de cabecera del artículo */
 .article-hero {
   height: 500px;
   background: #ddd center/cover no-repeat;
 }

 /* Contenedor interno de los textos */
 .article-content {
   padding: 38px 46px;
 }

 /* Título de la nota */
 .articulo-completo h1,
 .article-content h1 {
   font-family: var(--serif);
   font-size: 58px;
   line-height: .96;
   letter-spacing: -1.5px;
   margin: 8px 0 18px;
   color: #111;
 }

 /* Bajada / Copete */
 .articulo-completo .lead,
 .article-content .lead {
   font-family: var(--serif);
   font-size: 24px;
   line-height: 1.4;
   color: #3d3d3d;
   margin-bottom: 20px;
 }

 /* Metadatos (Autor, Fecha) */
 .articulo-completo .article-meta,
 .article-content .article-meta {
   border-top: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   padding: 14px 0;
   margin: 22px 0;
   color: #666;
   font-weight: 800;
   font-size: 13px;
   font-family: var(--sans);
 }

 /* Cuerpo del texto (Párrafos) */
 .articulo-completo .body-copy,
 .article-content .body-copy {
   font-family: var(--serif);
   font-size: 21px;
   line-height: 1.65;
   color: #151515;
 }

 .articulo-completo .body-copy p {
   margin-bottom: 20px;
 }

 /* =========================================
   RESPONSIVE (Móviles y Tablets)
   ========================================= */
 @media(max-width: 900px) {
   .article-grid {
     grid-template-columns: 1fr;
     /* El sidebar pasa abajo del artículo */
   }

   .article-hero {
     height: 360px;
   }

   .article-content {
     padding: 26px;
   }

   .articulo-completo h1,
   .article-content h1 {
     font-size: 42px;
   }
 }

 @media(max-width: 620px) {
   .article-hero {
     height: 260px;
   }

   .article-content {
     padding: 20px;
   }

   .articulo-completo h1,
   .article-content h1 {
     font-size: 34px;
     letter-spacing: -0.5px;
   }

   .articulo-completo .lead,
   .article-content .lead {
     font-size: 20px;
   }

   .articulo-completo .body-copy,
   .article-content .body-copy {
     font-size: 19px;
   }
 }