/* Visuales tomados de imágenes ya publicadas por PDM. */
.hero{
  background-image:linear-gradient(90deg,#071018f5 0%,#071018d9 42%,#0710188c 68%,#07101855 100%),var(--pdm-home-image,url('assets/pdm-carrera-grid.jpg'));
  background-size:cover;
  background-position:center 51%;
}
.hero-grid{position:relative}
.hero-copy{position:relative;z-index:1}
.hero-visual{background:transparent;border-left:0}
.hero-visual::before{background:linear-gradient(180deg,#09121944 0%,transparent 45%,#07101880 100%);transform:none}
.hero-visual .track-hero{display:none}
.hero-visual .big-number{font-size:clamp(150px,20vw,310px);right:2%;bottom:4%;opacity:.16;color:#e6ffb6}
.hero .visual-label,.hero .visual-bottom{text-shadow:0 2px 12px #000}

body[data-portal="carreras"] .page-heading{
  max-width:none;
  min-height:360px;
  padding:78px max(4.5%,calc((100vw - 1310px)/2)) 48px;
  background-image:linear-gradient(90deg,#081119f0 0%,#081119d5 48%,#08111978 100%),var(--pdm-carreras-image,url('assets/pdm-formula-tattus.jpg'));
  background-size:cover;
  background-position:center 53%;
  border-bottom:1px solid #42525d;
}
body[data-portal="carreras"] .page-heading h1,
body[data-portal="carreras"] .page-heading>p{text-shadow:0 3px 18px #000}

.server-card .card-art{background-size:cover;background-position:center}
.server-card .card-art svg{display:none}
.server-card .card-art:after{background:linear-gradient(180deg,#0b121820,#0b1218cc)}
.server-card .card-art>span{text-shadow:0 2px 12px #000;z-index:1}
.server-card.lime .card-art{background-image:url('assets/pdm-formula-tattus.jpg')}
.server-card.cyan .card-art{background-image:url('assets/pdm-fecha-diaria.png')}
.server-card.orange .card-art{background-image:url('assets/pdm-tn-clase-2.jpg')}

.live-server-card::before{
  content:"";
  display:block;
  flex:none;
  height:120px;
  margin:-24px -24px 2px;
  background:linear-gradient(0deg,#0d141b 0%,#0d141b16 75%),url('assets/pdm-carrera-grid.jpg') center/cover;
}
.live-server-card.has-image::before{display:none}
.live-server-image{display:block;width:calc(100% + 48px);height:120px;flex:none;object-fit:cover;margin:-24px -24px 2px}
.live-server-card[data-server-id="3"]::before{background-image:linear-gradient(0deg,#0d141b 0%,#0d141b16 75%),url('assets/pdm-formula-tattus.jpg')}
.live-server-card[data-server-id="2"]::before,.live-server-card[data-server-id="1"]::before{background-image:linear-gradient(0deg,#0d141b 0%,#0d141b16 75%),url('assets/pdm-tn-clase-2.jpg')}
.feature-art{
  background-image:linear-gradient(0deg,#071018db,#07101855),url('assets/pdm-tn-clase-2.jpg');
  background-size:cover;
  background-position:center;
}
.feature-art strong,.feature-art small{text-shadow:0 3px 12px #000}

.race-ticker{height:48px;display:flex;align-items:stretch;overflow:hidden;background:#0b151b;border-top:1px solid #33434d;border-bottom:1px solid #33434d}
.race-ticker-label{display:flex;align-items:center;flex:none;padding:0 20px;background:var(--lime);color:#142015;font-family:var(--display);font-size:18px;font-weight:900;letter-spacing:.04em;white-space:nowrap;z-index:1}
.race-ticker-viewport{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.race-ticker-track{display:flex;align-items:center;flex:none;width:max-content}
.race-ticker-group{display:flex;align-items:center;flex:none;gap:30px;padding-right:30px}
.race-ticker-item{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:.045em;color:#e6eee8}
.race-ticker-item::before{content:"◆";font-size:9px;color:var(--lime);margin-right:14px;vertical-align:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:760px){
  .race-ticker{height:42px}
  .race-ticker-label{padding:0 12px;font-size:15px}
  .race-ticker-item{font-size:15px}
  body{overflow-x:hidden}
  .demo-bar{flex-wrap:wrap;gap:4px 8px;font-size:8px;letter-spacing:.04em;line-height:1.3}
  .hero{background-position:64% center}
  .hero-copy{background:linear-gradient(90deg,#071018d9,#07101885)}
  .hero-foot{flex-wrap:wrap}
  .hero-visual{height:180px;min-height:180px}
  .hero-visual .big-number{font-size:145px;bottom:-4%}
  body[data-portal="carreras"] .page-heading{min-height:310px;padding:56px 5% 38px;background-position:62% center}
  body[data-portal="carreras"] .page-heading h1 em{display:block}
  .live-feed-title{font-size:clamp(37px,9.5vw,52px);overflow-wrap:break-word}
  .live-server-card::before{margin:-20px -20px 2px}
  .live-server-image{width:calc(100% + 40px);margin:-20px -20px 2px}
}
@media(max-width:430px){
  .hero h1{font-size:clamp(58px,15vw,65px)}
  .hero h1 .mobile-em{display:block}
  .hero h1 .mobile-em+br{display:none}
  body[data-portal="carreras"] .page-heading h1{font-size:70px;line-height:.82}
  .hero-actions .text-link{white-space:normal}
}