[text]
[footer__institution]
[text]
========================================================================== */
.deepmusic1__iccmu {
font-size: 0.5rem;
text-align: center;
}
.deepmusic1__logo img {
max-width: 100%;
object-fit: scale-down;
}
.deepmusic1__logo .logo-prtr {
max-height: 6em;
object-fit: cover;
}
.footer__institution {
background: center no-repeat;
background-size: contain;
height: 4rem;
}
.footer__institution--cm {
aspect-ratio: /*1 / 1.25*/ 1 / 1.35;
background-image: url(/img/footer/cam.png);
background-size: 2.95rem;
}
.footer__institution--iccmu {
aspect-ratio: 16 / 1;
background-image: url(/img/footer/iccmu-leyenda-horizontal.svg);
background-size: 10rem;
margin-top: 1rem;
max-width: 10rem;
transform: scale(1.25);
}
@media (min-width: 1200px) {
div:has(> .footer__patreons) {
transform: translateY(-2rem);
}
.footer__institution--iccmu {
transform: scale(1.25) translateY(-1.5rem);
}
}
.footer__institution--inaem {
aspect-ratio: 16 / 2.82;
background-image: url(/img/footer/inaem.webp);
}
.footer__institution--prtr {
aspect-ratio: /*16 / 2.58*/ 16 / 2.6;
background-image: url(/img/footer/prtr.png);
background-size: 25rem;
filter: invert(1);
}
/**
* PBI 2382
* 1. Ajuste de tamaño.
*/
.footer__institution--ucm {
aspect-ratio: /*14 / 4.75*/ 14 / 5.05; /* 1 */
background-image: url(/img/footer/ucm.svg);
background-size: 11rem; /* 1 */
filter: invert(1);
}
/**
* Page > Footer > Information (.footer-info)
*
* @markup
========================================================================== */
.deepmusic1 a,
.footer-info a {
color: var(--dizo-color-alabaster);
display: inline-block;
}
/**
* PBI 2427 Task 2437 Interlineado reducido.
*/
.footer__contact {
line-height: 1.25;
}
.footer__media {
transform: translateX(-0.5rem);
}
.footer__media_facebook,
.footer__media_linkedin,
.footer__media_twitter,
.footer__media_youtube {
aspect-ratio: 1 / 1;
background: center no-repeat;
display: inline-block;
height: 1rem;
}
.footer__media_facebook {
background-image: url(/img/footer/redes-sociales/facebook.svg);
background-size: 1rem;
}
.footer__media_linkedin {
background-image: url(/img/footer/redes-sociales/linkedin.svg);
background-size: 1.5rem;
}
.footer__media_twitter {
background-image: url(/img/footer/redes-sociales/x.svg);
background-size: 1.7rem;
}
.footer__media_youtube {
aspect-ratio: 2 / 1.4;
background-image: url(/img/footer/redes-sociales/youtube.svg);
background-size: 1.4rem;
filter: brightness(0) invert(1);
}
.footer__nav,
.footer__section-list {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.footer__nav {
margin-top: 2rem;
}
.footer__section-list {
padding-left: 0;
}
.footer__section-list a {
color: inherit;
}
.footer__section-list button {
background: transparent;
border: none;
color: var(--dizo-color-white) !important;
padding: 0 !important;
}
/**
* SM
* ···········|——————————————————————> SM (576px ⋜ screen)
========================================================================== */
@media (min-width: 576px) {
/**
* PBI 2427 Task 2440 (ajustes por cambio de tamaño de los logos)
*/
.user__name {
--width-limit-user-name: calc(29rem + 25vw);
min-width: 7rem;
}
}
/**
* MD
* ·················|—————————————————> MD (767px < screen)
========================================================================== */
@media (min-width: 768px) {
/**
* MD > Page > Header (.header)
========================================================================== */
.header__main {
grid-row: 1;
}
.header__searcher {
grid-column: 2;
grid-row: 2;
}
.header__title {
font: var(--dizo-subheading-1-font);
font-size: 2rem;
font-weight: normal;
letter-spacing: var(--dizo-subheading-1-letter-spacing);
}
/**
* PBI 2427 Task 2440 (ajustes por cambio de tamaño de los logos)
*/
.user__name {
--width-limit-user-name: 70rem;
min-width: 4rem;
}
}
/**
*
.container {
flex-wrap: wrap;
}
}