{"id":24,"date":"2026-09-16T07:16:03","date_gmt":"2026-09-16T05:16:03","guid":{"rendered":"https:\/\/radio04.com\/?page_id=24"},"modified":"2026-09-16T07:42:08","modified_gmt":"2026-09-16T05:42:08","slug":"inicio","status":"publish","type":"page","link":"https:\/\/radio04.com\/index.php\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05cabb8 e-con e-atomic-element e-flexbox-base e-7098167 \" data-id=\"05cabb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"05cabb8\">\n    \t\t<div class=\"elementor-element elementor-element-78a4316 elementor-widget elementor-widget-html\" data-id=\"78a4316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --ink:#141414;\r\n    --paper:#F5F0E6;\r\n    --paper-dim:#EAE2D0;\r\n    --red:#E90D0D;\r\n    --grey:#6E6A5D;\r\n    --line:#D9D0BA;\r\n  }\r\n\r\n  *{margin:0;padding:0;box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\n\r\n  body{\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    font-family:'Work Sans', sans-serif;\r\n    line-height:1.55;\r\n    -webkit-font-smoothing:antialiased;\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  .display{font-family:'Archivo Black', sans-serif;text-transform:uppercase;line-height:0.95;}\r\n  .mono{font-family:'Space Mono', monospace;text-transform:uppercase;letter-spacing:0.05em;}\r\n  .hand{font-family:'Caveat', cursive;}\r\n\r\n  a{color:inherit;text-decoration:none;}\r\n  img{max-width:100%;display:block;}\r\n  .wrap{max-width:1180px;margin:0 auto;padding:0 26px;}\r\n\r\n  a:focus-visible, button:focus-visible{outline:3px solid var(--red);outline-offset:2px;}\r\n\r\n  @media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}\r\n\r\n  \/* Brand marks *\/\r\n  .play-badge{display:inline-block;flex:none;}\r\n  .play-badge svg{display:block;width:100%;height:100%;}\r\n  .o-badge{width:0.72em;height:0.72em;display:inline-block;vertical-align:-0.05em;}\r\n\r\n  \/* Washi tape strip *\/\r\n  .tape{\r\n    position:absolute;\r\n    background:rgba(233,13,13,0.75);\r\n    height:26px;\r\n    box-shadow:0 2px 4px rgba(0,0,0,0.15);\r\n  }\r\n\r\n  \/* ---------- Header ---------- *\/\r\n  header{\r\n    position:sticky;top:0;z-index:60;\r\n    background:rgba(245,240,230,0.92);\r\n    backdrop-filter:blur(6px);\r\n    border-bottom:3px solid var(--ink);\r\n  }\r\n  .header-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px;}\r\n  .brand-lockup{display:flex;align-items:center;gap:10px;}\r\n  .brand-lockup img{height:34px;width:auto;}\r\n  .brand-lockup .tagline{font-size:0.62rem;color:var(--grey);letter-spacing:0.04em;max-width:11ch;line-height:1.15;}\r\n\r\n  nav.primary{display:flex;align-items:center;gap:26px;}\r\n  nav.primary a{font-family:'Space Mono';font-size:0.78rem;font-weight:700;text-transform:uppercase;}\r\n  nav.primary a:hover{color:var(--red);}\r\n\r\n  .nav-toggle{display:none;background:none;border:none;cursor:pointer;}\r\n  .nav-toggle span{display:block;width:24px;height:3px;background:var(--ink);margin:5px 0;}\r\n\r\n  \/* ---------- Hero ---------- *\/\r\n  .hero{padding:60px 0 50px;position:relative;}\r\n  .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center;}\r\n\r\n  .hero-title{font-size:clamp(3.2rem,7vw,5.6rem);}\r\n  .hero-sub{color:var(--grey);max-width:44ch;font-size:1.05rem;margin:20px 0 28px;}\r\n  .hero-sub strong{color:var(--ink);}\r\n\r\n  .sticker-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;position:relative;}\r\n  .washi-label{\r\n    font-family:'Space Mono';font-size:0.7rem;font-weight:700;\r\n    background:var(--paper);\r\n    padding:8px 14px;\r\n    border:2px solid var(--ink);\r\n    box-shadow:3px 3px 0 var(--ink);\r\n  }\r\n  .washi-label:nth-child(1){transform:rotate(-3deg);}\r\n  .washi-label:nth-child(2){transform:rotate(2deg);background:var(--red);color:var(--paper);border-color:var(--red);}\r\n  .washi-label:nth-child(3){transform:rotate(-2deg);}\r\n  .washi-label:nth-child(4){transform:rotate(3deg);}\r\n\r\n  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}\r\n  .btn-play{\r\n    display:flex;align-items:center;gap:12px;\r\n    background:var(--ink);color:var(--paper);\r\n    border:3px solid var(--ink);\r\n    padding:14px 24px 14px 16px;\r\n    font-family:'Archivo Black';font-size:0.95rem;text-transform:uppercase;\r\n    cursor:pointer;\r\n    box-shadow:4px 4px 0 var(--red);\r\n  }\r\n  .btn-play:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red);}\r\n  .btn-play .play-badge{width:24px;height:24px;}\r\n\r\n  .btn-outline{\r\n    border:3px solid var(--ink);padding:14px 24px;\r\n    font-family:'Archivo Black';font-size:0.95rem;text-transform:uppercase;\r\n    background:transparent;cursor:pointer;color:var(--ink);\r\n  }\r\n  .btn-outline:hover{background:var(--ink);color:var(--paper);}\r\n\r\n  .hand-note{\r\n    font-family:'Caveat';font-size:1.3rem;color:var(--red);\r\n    transform:rotate(-4deg);display:inline-block;margin-left:8px;\r\n  }\r\n\r\n  \/* Cassette illustration *\/\r\n  .cassette-wrap{display:flex;justify-content:center;position:relative;}\r\n  .cassette-wrap svg{width:100%;max-width:380px;height:auto;filter:drop-shadow(6px 8px 0 rgba(20,20,20,0.18));}\r\n  .reel{transform-box:fill-box;transform-origin:center;animation:spin 6s linear infinite;}\r\n  @keyframes spin{to{transform:rotate(360deg);}}\r\n\r\n  \/* ---------- Live tuner band ---------- *\/\r\n  .live-band{background:var(--ink);color:var(--paper);padding:26px 0;}\r\n  .live-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}\r\n  .live-left{display:flex;align-items:center;gap:16px;}\r\n  .live-left .play-badge{width:40px;height:40px;}\r\n  .live-inner .tag{font-family:'Space Mono';font-size:0.74rem;font-weight:700;color:var(--red);}\r\n  .live-inner h3{font-family:'Archivo Black';font-size:1.5rem;text-transform:uppercase;margin-top:2px;}\r\n  .live-inner .when{font-family:'Space Mono';font-size:0.82rem;color:var(--grey);}\r\n\r\n  \/* ---------- Sections ---------- *\/\r\n  .section{padding:56px 0;border-bottom:1px solid var(--line);}\r\n  .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:16px;flex-wrap:wrap;}\r\n  .section-head h2{font-size:clamp(1.9rem,4vw,2.8rem);}\r\n  .section-head .count{font-family:'Space Mono';font-size:0.78rem;color:var(--grey);}\r\n\r\n  \/* Shelf \/ cassette catalog *\/\r\n  .shelf{\r\n    display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;\r\n    scroll-snap-type:x proximity;\r\n  }\r\n  .shelf::-webkit-scrollbar{height:8px;}\r\n  .shelf::-webkit-scrollbar-thumb{background:var(--ink);}\r\n\r\n  .cass-card{\r\n    flex:none;width:220px;\r\n    background:var(--ink);color:var(--paper);\r\n    border-radius:10px;\r\n    padding:16px;\r\n    position:relative;\r\n    scroll-snap-align:start;\r\n    transition:transform 0.18s ease;\r\n  }\r\n  .cass-card:hover{transform:translateY(-6px);}\r\n  .cass-card:nth-child(odd){transform:rotate(-2deg);}\r\n  .cass-card:nth-child(even){transform:rotate(2deg);}\r\n  .cass-card:hover{transform:translateY(-6px) rotate(0deg);}\r\n\r\n  .cass-card .tape-strip{\r\n    position:absolute;top:-10px;left:20px;\r\n    width:70px;height:20px;\r\n    background:rgba(233,13,13,0.8);\r\n    transform:rotate(-4deg);\r\n  }\r\n\r\n  .cass-card .label{\r\n    background:var(--paper);color:var(--ink);\r\n    border-radius:4px;\r\n    padding:14px 12px;\r\n    margin-bottom:12px;\r\n  }\r\n  .cass-card .type{font-family:'Space Mono';font-size:0.62rem;font-weight:700;color:var(--red);}\r\n  .cass-card h4{font-family:'Archivo Black';font-size:1.1rem;text-transform:uppercase;margin-top:4px;line-height:1;}\r\n  .cass-card .reels-mini{display:flex;justify-content:space-around;margin:10px 0;}\r\n  .cass-card .reels-mini span{width:20px;height:20px;border-radius:50%;border:3px solid var(--grey);}\r\n\r\n  .cass-card p{font-size:0.8rem;color:#C9C2B0;}\r\n  .cass-card .meta{font-family:'Space Mono';font-size:0.68rem;color:#9C968A;margin-top:8px;display:block;}\r\n\r\n  \/* ---------- Playlist ---------- *\/\r\n  .tape-deck{\r\n    background:var(--ink);color:var(--paper);\r\n    border-radius:12px;padding:10px 26px;\r\n  }\r\n  .track{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:18px;padding:15px 0;border-bottom:1px dashed #3a382f;}\r\n  .track:last-child{border-bottom:none;}\r\n  .track .num{font-family:'Space Mono';color:var(--red);font-weight:700;}\r\n  .track h5{font-family:'Archivo Black';font-size:1rem;text-transform:uppercase;}\r\n  .track .artist{font-family:'Space Mono';font-size:0.7rem;color:#9C968A;}\r\n  .track .dur{font-family:'Space Mono';font-size:0.76rem;color:#9C968A;}\r\n  .track .play-badge{width:28px;height:28px;}\r\n\r\n  \/* ---------- CTA \/ stamp ---------- *\/\r\n  .cta-band{padding:64px 0;text-align:center;}\r\n  .stamp{\r\n    width:150px;height:150px;border-radius:50%;\r\n    border:4px solid var(--red);\r\n    display:flex;align-items:center;justify-content:center;\r\n    margin:0 auto 24px;\r\n    transform:rotate(-8deg);\r\n    font-family:'Archivo Black';color:var(--red);\r\n    font-size:0.85rem;text-transform:uppercase;line-height:1.2;\r\n    text-align:center;\r\n  }\r\n  .cta-band h2{font-size:clamp(2.2rem,6vw,4rem);}\r\n  .cta-band p{color:var(--grey);margin:16px 0 26px;}\r\n\r\n  \/* ---------- Footer ---------- *\/\r\n  footer{background:var(--ink);color:var(--paper);padding:44px 0 26px;}\r\n  .footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #2c2a24;}\r\n  .footer-brand{display:flex;align-items:center;gap:14px;}\r\n  .footer-brand .chip{background:var(--paper);padding:6px 9px 4px;border-radius:4px;}\r\n  .footer-brand .chip img{height:26px;}\r\n  .footer-brand .sig{font-size:0.85rem;color:#9C968A;}\r\n  .footer-brand .sig strong{display:block;color:var(--paper);font-family:'Archivo Black';font-size:1rem;text-transform:uppercase;}\r\n\r\n  .footer-social{display:flex;gap:10px;}\r\n  .footer-social a{font-family:'Space Mono';font-size:0.7rem;font-weight:700;border:2px solid var(--paper);padding:6px 11px;border-radius:4px;}\r\n  .footer-social a:hover{background:var(--paper);color:var(--ink);}\r\n\r\n  .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'Space Mono';font-size:0.7rem;color:#9C968A;}\r\n\r\n  \/* ---------- Mobile ---------- *\/\r\n  @media (max-width:920px){\r\n    nav.primary{\r\n      position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--paper);\r\n      flex-direction:column;align-items:flex-start;padding:24px 26px;gap:0;\r\n      display:none;border-top:1px solid var(--line);\r\n    }\r\n    nav.primary.open{display:flex;}\r\n    nav.primary a{padding:14px 0;width:100%;border-bottom:1px solid var(--line);font-size:1rem;}\r\n    .nav-toggle{display:block;}\r\n    .brand-lockup .tagline{display:none;}\r\n    .hero-grid{grid-template-columns:1fr;}\r\n    .cassette-wrap{margin-top:20px;}\r\n    .track{grid-template-columns:32px 1fr auto;}\r\n    .track .dur{display:none;}\r\n  }\r\n\r\n  @media (max-width:560px){\r\n    .wrap{padding:0 18px;}\r\n    .live-inner{flex-direction:column;align-items:flex-start;}\r\n    .cass-card{width:190px;}\r\n  }\r\n<\/style>\r\n\r\n\r\n<section class=\"hero\">\r\n  <div class=\"wrap hero-grid\">\r\n    <div>\r\n\r\n<img src='https:\/\/radio04.com\/wp-content\/uploads\/2026\/09\/logo-radio-04-transparente.png' style='margin-bottom:30px'>\r\n      <div class=\"sticker-row\">\r\n        <span class=\"washi-label\">PODCASTS<\/span>\r\n        <span class=\"washi-label\">EN VIVO<\/span>\r\n        <span class=\"washi-label\">DOCUMENTALES<\/span>\r\n        <span class=\"washi-label\">M\u00daSICA<\/span>\r\n      <\/div>\r\n      <div class=\"hero-actions\">\r\n        <button class=\"btn-play\"><span class=\"play-badge\"><svg viewBox=\"0 0 100 100\"><use href=\"#playmark\"\/><\/svg><\/span> Ver programas<\/button>\r\n        \r\n        <span class=\"hand-note\">\u00a1dale al play! \u2192<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cassette-wrap\">\r\n      <svg viewBox=\"0 0 300 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <rect x=\"8\" y=\"8\" width=\"284\" height=\"174\" rx=\"16\" fill=\"#141414\"\/>\r\n        <circle cx=\"26\" cy=\"26\" r=\"5\" fill=\"#F5F0E6\"\/>\r\n        <circle cx=\"274\" cy=\"26\" r=\"5\" fill=\"#F5F0E6\"\/>\r\n        <circle cx=\"26\" cy=\"164\" r=\"5\" fill=\"#F5F0E6\"\/>\r\n        <circle cx=\"274\" cy=\"164\" r=\"5\" fill=\"#F5F0E6\"\/>\r\n        <rect x=\"55\" y=\"46\" width=\"190\" height=\"70\" rx=\"6\" fill=\"#F5F0E6\" stroke=\"#141414\" stroke-width=\"3\"\/>\r\n        <text x=\"150\" y=\"72\" text-anchor=\"middle\" font-family=\"Archivo Black\" font-size=\"19\" fill=\"#141414\">RADIO 04<\/text>\r\n        <text x=\"150\" y=\"92\" text-anchor=\"middle\" font-family=\"Space Mono\" font-size=\"9\" letter-spacing=\"1\" fill=\"#6E6A5D\">TODO LO QUE IMPORTA<\/text>\r\n        <path d=\"M75 150 Q150 130 225 150\" fill=\"none\" stroke=\"#F5F0E6\" stroke-width=\"3\" opacity=\"0.5\"\/>\r\n        <g class=\"reel\">\r\n          <circle cx=\"95\" cy=\"150\" r=\"26\" fill=\"#F5F0E6\" stroke=\"#141414\" stroke-width=\"3\"\/>\r\n          <circle cx=\"95\" cy=\"150\" r=\"7\" fill=\"#E90D0D\"\/>\r\n          <line x1=\"95\" y1=\"128\" x2=\"95\" y2=\"172\" stroke=\"#141414\" stroke-width=\"2\"\/>\r\n          <line x1=\"73\" y1=\"150\" x2=\"117\" y2=\"150\" stroke=\"#141414\" stroke-width=\"2\"\/>\r\n        <\/g>\r\n        <g class=\"reel\">\r\n          <circle cx=\"205\" cy=\"150\" r=\"26\" fill=\"#F5F0E6\" stroke=\"#141414\" stroke-width=\"3\"\/>\r\n          <circle cx=\"205\" cy=\"150\" r=\"7\" fill=\"#E90D0D\"\/>\r\n          <line x1=\"205\" y1=\"128\" x2=\"205\" y2=\"172\" stroke=\"#141414\" stroke-width=\"2\"\/>\r\n          <line x1=\"183\" y1=\"150\" x2=\"227\" y2=\"150\" stroke=\"#141414\" stroke-width=\"2\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PODCASTS EN VIVO DOCUMENTALES M\u00daSICA Ver programas \u00a1dale al play! \u2192 RADIO 04 TODO LO QUE IMPORTA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":19,"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/radio04.com\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}