Radio Primordial "Para el adulto moderno"

:host{display:block;width:100%;min-width:0;font-family:Arial,sans-serif;color:#222;background:#fff} *{box-sizing:border-box} .portada{container-type:inline-size;width:100%;margin:0;padding:0} .cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:3px solid #f47700;padding:0 0 10px;margin:0 0 16px} h2{font:700 32px/1.1 Georgia,serif;margin:0} .marca{font:700 11px Arial,sans-serif;letter-spacing:.07em;color:#de6500} .apertura{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:start;border-bottom:2px solid #f47700;padding-bottom:18px;margin-bottom:0} .noticia{min-width:0;margin:0;padding:0} .secundaria{border-left:1px solid #ddd;padding-left:20px} .foto{display:block;width:100%;margin:0 0 12px;padding:0;line-height:0;text-decoration:none} .foto img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;margin:0} .categorias{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#c55b00;margin:0 0 7px} h3{font:700 23px/1.2 Georgia,serif;margin:0 0 9px;overflow-wrap:break-word} h3 a{color:#222;text-decoration:none} h3 a:hover{color:#c55b00} .principal h3{font-size:31px} time{display:block;font:11px/1.4 Arial,sans-serif;color:#777;margin:0} .resumen{font:15px/1.5 Georgia,serif;color:#555;margin:9px 0 0} .filas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0;align-items:start} .fila{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #ddd;padding:16px 0} .fila .foto{flex:0 0 116px;width:116px;margin:0} .fila .texto{flex:1;min-width:0} .fila h3{font-size:19px;line-height:1.24;margin-bottom:8px} a:focus-visible{outline:2px solid #f47700;outline-offset:3px} @container(max-width:760px){ .principal h3{font-size:27px} .secundaria h3{font-size:21px} .filas{grid-template-columns:1fr} .fila .foto{flex-basis:150px;width:150px} .fila h3{font-size:21px} } @container(max-width:480px){ h2{font-size:28px}.marca{font-size:9px} .apertura{grid-template-columns:1fr;gap:16px} .secundaria{display:flex;gap:12px;border-left:0;border-top:1px solid #ddd;padding:16px 0 0} .secundaria .foto{flex:0 0 110px;width:110px;margin:0} .secundaria .texto{flex:1;min-width:0} .secundaria h3{font-size:20px} .secundaria .resumen{display:none} .fila .foto{flex-basis:100px;width:100px} .fila h3{font-size:19px} .categorias{font-size:9px} }