Te mostramos todas las películas seleccionadas en cartelera y actualizadas en nuestros cines en Málaga capital y su provincia.
Periódico Digital de Málaga y su Provincia
www.malagaes.com

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
--rojo: #C0392B;
--rojo2: #E74C3C;
--negro: #0A0A0A;
--negro2: #141414;
--oro: #D4AC0D;
--oro2: #FEF3B4;
--gris1: #1C1C1C;
--gris2: #2C2C2C;
--gris3: #F0F0F0;
--gris4: #F8F8F8;
--azul: #1A5276;
--verde: #1E8449;
--morado: #6C3483;
--texto: #1A1A1A;
--fuente: 'DM Sans', sans-serif;
--display:'Bebas Neue', sans-serif;
}

/* ══ WRAPPER ══ */
.cm-wrap {
font-family: var(--fuente);
color: var(--texto);
max-width: 1020px;
margin: 0 auto;
padding: 0 14px 60px;
background: #FAFAFA;
}

/* ══ BANNER ══ */
.cm-banner {
background: var(--negro);
border-radius: 12px;
padding: 0;
margin-bottom: 28px;
overflow: hidden;
position: relative;
}
.cm-banner-inner {
padding: 36px 28px 28px;
text-align: center;
position: relative;
z-index: 1;
}
.cm-banner::before {
content: '🎬';
position: absolute;
font-size: 280px;
opacity: .04;
left: -30px;
top: -40px;
z-index: 0;
}
.cm-banner-inner h1 {
font-family: var(--display);
font-size: clamp(32px, 7vw, 64px);
color: var(--oro);
letter-spacing: 4px;
line-height: 1;
margin-bottom: 6px;
}
.cm-banner-inner h2 {
font-family: var(--display);
font-size: clamp(14px, 3vw, 22px);
color: rgba(255,255,255,.85);
letter-spacing: 5px;
margin-bottom: 14px;
}
.cm-banner-credits {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.cm-banner-credits a {
color: var(--oro);
font-weight: 800;
font-size: 13px;
text-decoration: none;
letter-spacing: .5px;
}
.cm-banner-credits span {
color: rgba(255,255,255,.3);
font-size: 12px;
}
.cm-tagline {
color: rgba(255,255,255,.4);
font-size: 12px;
margin-top: 8px;
font-style: italic;
}
.cm-banner-bar {
height: 4px;
background: linear-gradient(90deg, var(--rojo), var(--oro), var(--rojo));
}

/* ══ FILTROS ══ */
.cm-filtros {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
align-items: center;
}
.cm-filtros label {
font-size: 11px;
font-weight: 800;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
}
.cm-fbtn {
border: 2px solid transparent;
padding: 6px 16px;
border-radius: 4px;
font-size: 11px;
font-weight: 800;
cursor: pointer;
transition: all .2s;
letter-spacing: .5px;
text-transform: uppercase;
font-family: var(--fuente);
}
.cm-fbtn:hover { opacity: .82; transform: translateY(-1px); }
.cm-fbtn.active { outline: 3px solid var(--oro); outline-offset: 2px; }
.btn-todos { background: var(--negro); color: var(--oro); }
.btn-estreno { background: var(--rojo); color: #fff; }
.btn-proximo { background: var(--morado); color: #fff; }
.btn-encartelera { background: #2C3E50; color: #fff; }
.btn-familia { background: var(--verde); color: #fff; }
.btn-vose { background: var(--azul); color: #fff; }

/* ══ CINES STRIP ══ */
.cm-cines-strip {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 10px;
margin-bottom: 28px;
}
.cm-cine-chip {
background: var(--negro);
border-radius: 8px;
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 4px;
text-decoration: none;
transition: transform .2s, box-shadow .2s;
border-top: 3px solid var(--rojo);
}
.cm-cine-chip:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.cm-cine-chip.verde { border-top-color: var(--verde); }
.cm-cine-chip.morado { border-top-color: var(--morado); }
.cm-cine-chip.azul { border-top-color: var(--azul); }
.cm-cine-nombre { color: #fff; font-weight: 800; font-size: 12px; line-height: 1.3; }
.cm-cine-dir { color: rgba(255,255,255,.45); font-size: 10px; line-height: 1.3; }
.cm-cine-precio { color: var(--oro); font-size: 10px; font-weight: 700; margin-top: 4px; }

/* ══ SECTION TITLE ══ */
.cm-section-title {
font-family: var(--display);
font-size: clamp(18px, 4vw, 28px);
color: var(--negro);
letter-spacing: 3px;
border-bottom: 3px solid var(--rojo);
padding-bottom: 8px;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.cm-section-title span { color: var(--rojo); }

/* ══ GRID PELÍCULAS ══ */
.cm-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 40px;
}

/* ══ TARJETA PELÍCULA ══ */
.cm-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 12px rgba(0,0,0,.08);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform .25s, box-shadow .25s;
border-left: 4px solid var(--rojo);
}
.cm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,.15); }
.cm-card.genero-familia { border-left-color: var(--verde); }
.cm-card.genero-drama { border-left-color: var(--morado); }
.cm-card.genero-espanol { border-left-color: var(--azul); }
.cm-card.genero-biopic { border-left-color: #0A0A0A; }

.cm-card-hdr {
padding: 14px 16px 12px;
color: #fff;
position: relative;
}
.cm-card-tipo-badge {
position: absolute;
top: 10px; right: 10px;
font-size: 9px;
font-weight: 800;
padding: 3px 9px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: .8px;
color: #fff;
}
.badge-estreno { background: rgba(255,255,255,.25); }
.badge-proximo { background: rgba(108,52,131,.8); }
.badge-cartelera { background: rgba(0,0,0,.35); }

.cm-card-titulo {
font-family: var(--display);
font-size: clamp(15px, 2.5vw, 20px);
letter-spacing: 1px;
line-height: 1.2;
padding-right: 70px;
margin-bottom: 4px;
}
.cm-card-meta {
font-size: 11px;
opacity: .75;
font-style: italic;
}

.cm-card-body { padding: 12px 16px 0; flex: 1; }
.cm-row {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 12.5px;
margin-bottom: 7px;
line-height: 1.4;
}
.cm-row .ico { font-size: 13px; min-width: 18px; }
.cm-row .lbl {
font-weight: 800;
color: var(--azul);
min-width: 60px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .4px;
padding-top: 2px;
flex-shrink: 0;
}
.cm-row .val { color: #333; flex: 1; }
.cm-edad {
display: inline-block;
background: #FDEDEC;
color: var(--rojo);
font-size: 10px;
font-weight: 800;
padding: 2px 8px;
border-radius: 4px;
}

.cm-sinopsis {
background: #FFFBEE;
border-left: 3px solid var(--oro);
margin: 10px 16px 0;
padding: 9px 12px;
font-size: 12px;
color: #5D4037;
line-height: 1.55;
font-style: italic;
}

.cm-card-btns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 12px 16px 14px;
}
.cm-btn-entradas {
display: block;
text-align: center;
background: var(--negro);
color: var(--oro);
font-weight: 800;
font-size: 11px;
padding: 9px 8px;
border-radius: 5px;
text-decoration: none;
transition: opacity .2s;
border: 1px solid var(--oro);
letter-spacing: .3px;
font-family: var(--fuente);
}
.cm-btn-entradas:hover { opacity: .82; }
.cm-btn-trailer {
display: block;
text-align: center;
background: #FF0000;
color: #fff;
font-weight: 800;
font-size: 11px;
padding: 9px 8px;
border-radius: 5px;
text-decoration: none;
transition: opacity .2s;
letter-spacing: .3px;
font-family: var(--fuente);
}
.cm-btn-trailer:hover { opacity: .85; }

/* ══ CINES DETAIL ══ */
.cm-cines-detail {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 14px;
margin-bottom: 32px;
}
.cm-cine-card {
background: #fff;
border-radius: 10px;
border: 1px solid #E0E0E0;
overflow: hidden;
transition: box-shadow .2s;
}
.cm-cine-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.cm-cine-card-hdr {
padding: 12px 16px;
color: #fff;
}
.cm-cine-card-nombre { font-weight: 900; font-size: 14px; margin-bottom: 2px; }
.cm-cine-card-dir { font-size: 11px; opacity: .75; }
.cm-cine-card-body { padding: 12px 16px; }
.cm-cine-info-row { font-size: 12px; color: #444; margin-bottom: 5px; display: flex; gap: 6px; }
.cm-cine-info-row .lbl { font-weight: 800; color: var(--azul); font-size: 10px; min-width: 55px; text-transform: uppercase; }
.cm-cine-info-row a { color: var(--rojo); text-decoration: none; font-weight: 600; }
.cm-cine-info-row a:hover { text-decoration: underline; }
.cm-cine-btn-compra {
display: block;
margin: 10px 0 2px;
text-align: center;
background: var(--negro);
color: var(--oro);
font-weight: 800;
font-size: 12px;
padding: 9px;
border-radius: 6px;
text-decoration: none;
border: 1px solid rgba(212,172,13,.3);
transition: opacity .2s;
}
.cm-cine-btn-compra:hover { opacity: .82; }

/* ══ FOOTER ══ */
.cm-footer {
background: var(--negro);
border-radius: 10px;
padding: 20px 24px;
text-align: center;
}
.cm-footer p { color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.6; }
.cm-footer a { color: var(--oro); text-decoration: none; font-weight: 700; }
.cm-footer a:hover { text-decoration: underline; }

/* ══ HIDDEN ══ */
.cm-card.hidden { display: none; }

/* ══ RESPONSIVE ══ */
@media (max-width: 600px) {
.cm-grid { grid-template-columns: 1fr; }
.cm-cines-detail { grid-template-columns: 1fr; }
.cm-cines-strip { grid-template-columns: 1fr 1fr; }
.cm-card-btns { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
.cm-cines-strip { grid-template-columns: 1fr; }
}

No te pierdas ni un titular de Málaga

Recibe nuestro boletín con lo más importante de Málaga.

Email

Acepto la política de datos y privacidad