<>
.fc-consent-root .fc-dialog-container { max-width:725px !important; }
.fc-consent-root .fc-dialog { border-radius:8px !important; }
.fc-consent-root .fc-dialog-restricted-content { max-width:535px !important; }
.fc-consent-root .fc-choice-dialog .fc-footer-buttons-divider { max-width:535px !important; }
.fc-consent-root .fc-footer-buttons { max-width:535px !important; }
.fc-consent-root .fc-stacks .fc-stack-icon i { color:rgba(75,160,242,1) !important; }
.fc-consent-root .fc-stacks .fc-stack-icon { background-color:rgba(75,160,242,.24) !important;}
.fc-consent-root .fc-manage-options-third-button-label { color:#0f4477 !important; }
.fc-consent-root .fc-primary-button .fc-button-background { background:#42af07 !important; }
.fc-consent-root .fc-data-preferences-accept-all.fc-secondary-button .fc-button-background { background:#42af07 !important; border:0 !important; }
.fc-consent-root .fc-vendor-preferences-accept-all.fc-secondary-button .fc-button-background { background:#42af07 !important; border:0 !important; }
.fc-consent-root .fc-data-preferences-accept-all.fc-secondary-button .fc-button-label { color:#FFF !important; }
.fc-consent-root .fc-vendor-preferences-accept-all.fc-secondary-button .fc-button-label { color:#FFF !important; }
.fc-consent-root .fc-confirm-choices.fc-primary-button .fc-button-background { background:#FAFBFC !important; }
.fc-consent-root .fc-confirm-choices.fc-primary-button .fc-button-label { color:#222 !important; }
<>
.cover { width:100%; height:auto; border-radius:12px; aspect-ratio:1500/513; display:block; }
.top picture { display:block; width:100%; aspect-ratio:1500/513; }
.menu-movie { background:#000; border-radius:12px; padding:0 12px 0 12px; position:relative; }
.menu-movie ul { list-:none; display:flex; gap:10px; justify-content:center; }
.top.wp:after { content: ''; position: absolute; display:block; background: #FFF; width:100%; height:28px; bottom:0; left:0; z-index:0; }
.pel-tit { font-family: var(--fontdest); font-size: 56px; font-weight:700; line-height:3.55rem; margin-bottom:3px; }
.m-year { font-family: var(--fontnorm); font-weight:700; color:var(--cdest); font-size:22px;}
.pel-bar { display:flex; gap:10px; margin-bottom:20px; }
.pel-info { flex-grow:1; }
.pel-data { flex:0 0 128px; }
.pel-trailer a { display:block; background:var(--cdest); border-radius:7px; text-align:center; font-family: var(--fontstd); color:#000; font-size:15px; font-weight:600; padding:8px 0; border-bottom:4px solid rgba(0,0,0,.2); margin-top:12px; }
.pel-trailer a span:before { content:''; display:inline-block; width:16px; height:16px; background:url('https://www.ecartelera.com/images/icn-play.svg'); background-size:16px 16px; margin-right:6px; vertical-align:-2px; }
.pel-fondo { position:relative; }
.pel-fondo .pel-scoreg { position:absolute; top:-32px; right:18px; z-index:1; cursor:pointer;}
.pel-fondo .pel-scoreg span { display:block; width:62px; height:62px; border-radius:62px; text-align:center; font-family:var(--fontstd); font-weight:bold; font-size:24px; padding-top:16px; text-shadow:1px 1px 4px rgba(0,0,0,.15); box-shadow:1px 1px 5px rgba(0,0,0,.2); }
.menu-movie { display:block; padding:0 12px; font-family: var(--fontdest); font-weight:600; margin-top:10px; }
.menu-movie ul li a { display:block; padding:10px 9px 2px 9px; color:#FFF; border-bottom:6px solid #000; border-top-left-radius:6px; border-top-right-radius:6px; transition:background .25s ease-in-outborder .3s ease-in-out; }
.menu-movie ul li a:hover { background:#333; border-bottom:6px solid #555; }
.menu-movie ul li.m-on a { border-bottom:6px solid var(--cdest); color:var(--cdest);}
.nota.amarillo.nota.ambar { background: linear-gradient(90degrgba(219,206,0,1) 0%rgba(255,188,0,1) 100%); }
.nota.verde { background: linear-gradient(90degrgba(144,219,0,1) 0%rgba(0,207,107,1) 100%); }
.nota.rojo { background: linear-gradient(90degrgba(207,37,9,1) 0%rgba(230,133,50,1) 100%); }
.menu-movie ul li span:before { content:''; display:block; margin-inline:auto; width:22px; height:22px; margin-bottom:7px; filter: invert(83%) sepia(78%) saturate(561%) hue-rotate(18deg) brightness(104%) contrast(98%); margin-top:10px; }
.m-ficha span:before { background:url('https://www.ecartelera.com/images/m-ficha.svg'); background-size:22px 22px; }
.m-cartelera span:before { background:url('https://www.ecartelera.com/images/m-cartelera.svg'); background-size:22px 22px; }
.m-streaming span:before { background:url('https://www.ecartelera.com/images/m-streaming.svg'); width:30px !important; height:30px !important; margin-bottom:2px !important; margin-top:7px !important; background-size:contain; }
.m-videos span:before { background:url('https://www.ecartelera.com/images/m-videos.svg'); background-size:22px 22px; }
.m-reparto span:before { background:url('https://www.ecartelera.com/images/m-reparto.svg'); background-size:22px 22px; }
.m-noticias span:before { background:url('https://www.ecartelera.com/images/m-noticias.svg'); background-size:22px 22px; }
.m-bandasonora span:before { background:url('https://www.ecartelera.com/images/m-bso.svg'); background-size:22px 22px; }
.m-criticas span:before { background:url('https://www.ecartelera.com/images/m-criticas.svg'); background-size:22px 22px; }
.m-fotos span:before { background:url('https://www.ecartelera.com/images/m-fotos.svg'); background-size:22px 22px; }
.m-carteles span:before { background:url('https://www.ecartelera.com/images/m-carteles.svg'); background-size:22px 22px; }
.m-curiosidades span:before { background:url('https://www.ecartelera.com/images/m-curiosidades.svg'); background-size:22px 22px; }
.m-productos span:before { background:url('https://www.ecartelera.com/images/m-products.svg'); background-size:22px 22px; }
.m-premios span:before { background:url('https://www.ecartelera.com/images/m-premios.svg'); background-size:22px 22px; }
.menu-movie ul li a b { color:var(--cdest); font-weight:400; font-size:.9em; }
.tit-inside { font-family: var(--fontdest); font-weight:700; font-size:45px; line-height:1.04em; margin-bottom:30px; }
.f-sectit { font-family:var(--fontdest); font-weight:600; background:#111; color:#FFF; padding:2px 9px; font-size:15px; text-transform:uppercase; border-radius:10px; letter-spacing:0.02em; margin-bottom:12px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; }
.f-sectit::first-letter { font-weight:700; }
.f-sectit span:before { content:''; width:9px; height:9px; display:inline-block; background:url('https://www.ecartelera.com/images/icn-point.svg'); background-size:9px 9px; filter: invert(83%) sepia(78%) saturate(561%) hue-rotate(18deg) brightness(104%) contrast(98%); vertical-align:1px; margin-right:5px; }
@media (max-width:1080px) {
.menu-movie ul li i { display:none; }
.menu-movie ul li span { text-transform:capitalize; }
.pel-tit { font-size:50px; line-height:.92em; margin-bottom:8px; }
}
@media (max-width:955px) {
.menu-movie ul { gap:5px; }
.menu-movie ul li a { font-size:14px; }
.pel-tit { font-size:47px; }
.m-year { font-size:21px; }
}
@media (max-width:830px) {
.menu-movie ul li a { padding:10px 4px 2px 4px; }
.tit-inside { font-size:44px; }
}
@media (max-width:730px) {
.menu-movie ul { gap:4px; }
.menu-movie ul li a { font-size:12px; }
.pel-tit { font-size:45px; }
.tit-inside { font-size:42px; }
}
@media (max-width:630px) {
.menu-movie ul li a { font-size:11px; }
.pel-data { flex:0 0 98px; }
.pel-trailer a i { display:none; }
.pel-trailer a { text-transform:capitalize; }
.tit-inside { font-size:40px; }
}
@media (max-width:590px) {
.menu-movie ul { overflow-y:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; scrollbar-width:0; justify-content:left; padding-right:22px; }
.menu-movie ul::-webkit-scrollbar { height:0; }
.menu-movie ul::after { content:''; position: absolute; top: 0; right: 10px; width: 40px; height: 100%; background: linear-gradient(to rightrgba(0,0,00)rgba(0,0,01)); pointer-events: none; }
}
@media (max-width:550px) {
.pel-tit { font-size:43px; }
.pel-fondo .pel-scoreg { top:-26px; }
.pel-fondo .pel-scoreg span { width:50px; height:50px; font-size:20px; padding-top:13px; }
.tit-inside { font-size:38px; }
}
@media (max-width:500px) {
.pel-tit { font-size:38px; }
.pel-data { flex:0 0 86px; }
.m-year { font-size:20px; }
.tit-inside { font-size:36px; }
}
@media (max-width:450px) {
.pel-tit { font-size:34px; }
.m-year { font-size:19px; }
.pel-data { flex:0 0 78px; }
.pel-trailer a { font-size:13px; }
.tit-inside { font-size:34px; }
}
@media (max-width:425px) {
.pel-tit { font-size:32px; }
.tit-inside { font-size:32px; }
}
@media (max-width:400px) {
.pel-tit { font-size:30px; }
.tit-inside { font-size:30px; }
}
@media (max-width:375px) {
.pel-tit { font-size:28px; }
.tit-inside { font-size:28px; }
}
The American President
1995
8.8
<>
html { scroll-padding-top: 84px !important; }
.tit-inside { margin-bottom:4px; }
.main-block { margin-bottom:30px; }
.subtit { font-family: var(--fontdest); font-weight:700; font-size:22px; margin-bottom:2px; }
.companies { font-size:19px; }
.companies a { color:#000; }
.companies a:not(:last-of-type)::after { content:','; }
.cast-nav ul { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-block:20px; }
.cast-nav ul li a { display:block; width:105px; font-family: var(--fontbold); font-weight:bold; text-transform:uppercase; font-size:12px; text-align:center; letter-spacing:-.02em; border:1px solid #BBB; border-radius:10px; color:#000; padding-block:14px; opacity:.88; transition:border-coloropacitybox-shadow .3s ease-in-out; }
.cast-nav ul li a::before { content:''; width:28px; height:28px; display:block; margin-inline:auto; margin-bottom:6px; }
.dest-cast { font-family:var(--fontdest); font-weight:600; background:#111; color:#FFF; padding:6px 12px; font-size:17px; text-transform:uppercase; border-radius:10px; letter-spacing:0.02em; margin-bottom:12px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; display:flex; gap:8px; align-items:center; }
.dest-cast::before { content:''; width:25px; height:25px; filter:var(--cfdest); }
.c-director::before { background:url('https://www.ecartelera.com/images/icn-director.svg'); background-size:contain; }
.c-actor::before { background:url('https://www.ecartelera.com/images/icn-actores.svg'); background-size:contain; }
.c-producer::before { background:url('https://www.ecartelera.com/images/icn-productor.svg'); background-size:contain; }
.c-writer::before { background:url('https://www.ecartelera.com/images/icn-guionista.svg'); background-size:contain; }
.c-photography::before { background:url('https://www.ecartelera.com/images/icn-fotografia.svg'); background-size:contain; }
.c-music::before { background:url('https://www.ecartelera.com/images/icn-musica.svg'); background-size:contain; }
.pwrap { margin:0 2px 26px 2px; }
.pitem { border-bottom:1px solid #DDD; margin:0 0 8px 0; padding:0 2px 8px 45px; position:relative; cursor:pointer; min-height:49px; }
.pitem:last-of-type { border:0; padding-bottom:0; margin-bottom:0; }
.pitem img { width:37px; height:49px; border-radius:5px; position:absolute; top:0; left:2px; object-fit:cover; }
.pitem .pcnt { height:48px; display:flex; align-items:center; gap:10px; padding-inline:2px; background:linear-gradient(90deg,rgba(2412432431) 0%rgba(2412432431) 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left; transition: background-size .3s cubic-bezier(.4,0,.2,1); }
.pitem .pcnt a { flex:1 1 50%; font-family:var(--fontdest); color:#000; font-weight:600; font-size:17px; }
.pitem .pcnt span { flex:1 1 50%; color:#555; font-size:15px; display:flex; gap:5px; }
.pitem .pcnt span.voice::after { content:''; width:20px; height:20px; background:url('https://www.ecartelera.com/images/voice.svg'); background-size:contain; opacity:.5; }
@media (max-width:600px) {
.pitem { padding-left:58px; min-height:64px; }
.pitem img { width:48px; height:64px; }
.pitem .pcnt { height:64px; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
.pitem .pcnt a { flex:0 1 auto; }
.pitem .pcnt span { flex:0 1 auto; margin-bottom:2px; }
}
@media (hover: hover) and (pointer: fine) {
.pitem:hover .pcnt { background-size: 100% 100%; }
.cast-nav ul li a:hover { border-color:#888; box-shadow:0 0 6px rgba(0,0,0,.2); opacity:1; }
.companies a:hover { text-decoration:underline; text-decoration-color:#87c73c; text-decoration-thickness:4px;}
}
The American President's cast and crew
Film Credits
Videos eCartelera
Trailer 'El vestido'
Director
Cast / Actors
Producers
Writers
<>
.social-c { display:grid; grid-template-columns:repeat(4,1fr); list-:none; gap:16px; text-align:center; }
.social-c li:before { content:''; width:50px; height:50px; display:block; margin-inline:auto; margin-bottom:5px; }
.social-c li.tw:before { background:url('https://www.ecartelera.com/images/c-tw.svg'); background-size:50px 50px; }
.social-c li.fb:before { background:url('https://www.ecartelera.com/images/c-fb.svg'); background-size:50px 50px; }
.social-c li.ig:before { background:url('https://www.ecartelera.com/images/c-ig.svg'); background-size:50px 50px; }
.social-c li.yt:before { background:url('https://www.ecartelera.com/images/c-yt.svg'); background-size:50px 50px; }
.social-c li span { width:50px; height:30px; border-radius:7px; margin-inline:auto; display:block; font-size:14px; font-family:var(--fontnorm); font-weight:bold; background:#DDD; padding-top:4px; transition:all .25s ease-in-out; }
.social-c li:hover { cursor:pointer; }
.social-c li:hover span { font-size:18px; padding-top:2px; }
