/*
Theme Name: CompuMundo Simpsons
Theme URI: https://compumundohipermegared.com/
Author: CompuMundo
Description: Tema ligero para la web de Homero y Mr. X, sin Elementor.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: compumundo-simpsons
*/
:root{--blue:#78BBCB;--beige:#d8bcb3;--lime:#7de043}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:var(--beige);font-family:Georgia,serif}a{color:inherit}img{max-width:100%}.home{background:var(--blue)}.site-header{padding:16px 4%;display:flex;justify-content:space-between;gap:15px;align-items:center}.site-header a{text-decoration:none}.site-nav{display:flex;gap:20px;flex-wrap:wrap}.home .site-header{display:none}.homer-stage{position:relative;width:min(100%,900px);aspect-ratio:4/3;margin:20px auto 0;overflow:hidden}.homer-stage img{position:absolute;height:auto;transform:translate(-50%,-50%)}.homer-title{top:12%;left:50%;width:65%;max-width:580px}.homer-icon{width:10%}.homer-jesus{width:24%;top:58%;left:50%}.homer-clock{width:8%}.homer-counter{text-align:center;padding:18px}.digits{display:inline-flex;gap:4px}.digits span{display:grid;place-items:center;background:#000;color:#e9dfd2;font-size:clamp(25px,4vw,40px);width:clamp(30px,5vw,40px);height:50px}.credits{text-align:center;font:10px Arial,sans-serif;color:#666;padding:0 10px 14px}.curtain{position:fixed;top:0;height:100dvh;width:50vw;z-index:9999;background:repeating-linear-gradient(90deg,#b32c17 0 40px,#992614 40px 80px);display:flex;align-items:center;justify-content:center;color:#fff;font:bold clamp(22px,6vw,90px) Georgia,serif;-webkit-text-stroke:2px #000;text-shadow:2px 2px #000;animation:ripple 1.2s ease-in-out infinite}.curtain.left{left:0;animation:ripple 1.2s infinite,openleft 2s ease-out 2s forwards}.curtain.right{right:0;animation:ripple 1.2s infinite,openright 2s ease-out 2s forwards}@keyframes ripple{50%{background-position-x:12px}}@keyframes openleft{to{transform:translateX(-100%);visibility:hidden}}@keyframes openright{to{transform:translateX(100%);visibility:hidden}}.mrx{min-height:75vh;padding:clamp(20px,4vw,65px);display:grid;grid-template-columns:minmax(170px,25%) 1fr;gap:4vw;align-items:start}.mrx-left{display:flex;flex-direction:column;align-items:flex-start}.mrx-logo{font-size:clamp(50px,8vw,120px);font-weight:900;line-height:.9}.mrx-photo{width:100%;max-width:310px;border:6px solid #000;display:block;margin-top:14px}.mrx-right{display:flex;flex-direction:column;align-items:flex-end;gap:clamp(50px,8vw,140px)}.mrx-tag{font-size:clamp(24px,4vw,55px);line-height:1.12;color:#1f52c9;text-align:right;font-weight:bold}.mrx-headline{background:var(--lime);border:5px solid #48a23b;padding:12px 22px;align-self:center;font-size:clamp(30px,5vw,75px);font-weight:bold;line-height:1.2}.mrx-headline a{text-decoration:underline}.mrx-headline a:hover{opacity:.7}.content{max-width:950px;margin:40px auto;padding:0 20px}.post-list{display:grid;gap:20px}.post-card{background:#fff9;padding:20px;border:1px solid #0002}.post-card h2{margin-top:0}@media(max-width:650px){.homer-stage{margin-top:10px}.homer-title{width:80%}.homer-icon{width:11%}.homer-jesus{width:27%}.homer-clock{width:9%}.mrx{grid-template-columns:34% 1fr;gap:14px;padding:15px}.mrx-right{gap:50px}.mrx-tag{font-size:clamp(17px,4vw,26px)}.mrx-headline{font-size:clamp(19px,5vw,32px);padding:7px}.mrx-logo{font-size:50px}.site-header{flex-direction:column;align-items:flex-start}}