/* =========================================================================================================
Mophys — páginas interiores: fichas de tratamientos y tecnologías, Clínica, Profesional, Contacto, páginas normales
(legales), 404 y blog. Medidas copiadas de las páginas y plantillas de Elementor de la web anterior.
Puntos de corte: tableta ≤1024 px, móvil ≤767 px (los de Elementor); las páginas normales siguen los de Astra.
========================================================================================================= */
/* 0 · Poppins (solo «Déjanos ayudarte» de las fichas) -------------------------------------------------------- */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/poppins-300-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/poppins-300-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/poppins-400-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/poppins-400-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/poppins-500-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/poppins-500-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/poppins-600-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/poppins-600-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
--m-poppins: "Poppins", sans-serif;
--m-sistema: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--m-fondo-gris: #F0F5FA; /* fondo de Astra en 404 y blog */
--m-arena: #DDDECA; /* cabeceras del blog */
/* Recuadro celeste detrás de las fotos (antes bg_img_1.png, 350×350 celeste) */
--m-recuadro: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='350'%3E%3Crect width='350' height='350' fill='%236CCBD9'/%3E%3C/svg%3E");
}
/* 1 · Piezas comunes: antetítulo «Mophys», título, texto, foto con recuadro, bloque de dos columnas ---------- */
.mophys-antetitulo { margin: 0 0 20px; padding: 0; color: var(--m-texto); font: italic 600 16px/20px var(--m-serif); }
.mophys-titulo, .mophys-texto h2 { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 600 48px/62.4px var(--m-serif); letter-spacing: normal; text-transform: none; }
.mophys-texto { color: var(--m-texto); }
.mophys-texto p { margin: 0 0 1.75em; }
.mophys-texto ul, .mophys-texto ol { margin: 0 0 1.5em 3em; padding: 0; }
.mophys-texto li { margin: 0; }
.mophys-texto h3, .mophys-texto h4 { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 600 24px/28.8px var(--m-serif); }
.mophys-texto a { color: var(--m-verde); }
.mophys-texto a:hover { color: var(--m-morado); }
.mophys-texto strong, .mophys-texto b { font-weight: 700; }
.mophys-marco { padding: 2em; background: var(--m-recuadro) top right / 350px 350px no-repeat; }
.mophys-bloque__in { display: flex; max-width: var(--m-ancho); margin: 0 auto; }
.mophys-bloque__texto, .mophys-bloque__media { display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; }
.mophys-bloque__texto { padding: 3em; }
.mophys-bloque__media { padding: 10px; }
.mophys-bloque__foto { margin: 0; text-align: center; }
.mophys-bloque__foto img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 0; }
@media (max-width: 1024px) {
.mophys-antetitulo { font-size: 13px; line-height: 16.25px; }
.mophys-titulo, .mophys-texto h2 { font-size: 36px; line-height: 46.8px; }
.mophys-texto h3, .mophys-texto h4 { font-size: 18px; line-height: 21.6px; }
.mophys-bloque__in { max-width: none; }
}
@media (max-width: 767px) {
.mophys-antetitulo { font-size: 12px; line-height: 15px; }
.mophys-titulo, .mophys-texto h2 { font-size: 28px; line-height: 36.4px; }
.mophys-marco { padding: 1em; background-size: 40% auto; }
.mophys-bloque__in { flex-direction: column; }
.mophys-bloque__texto, .mophys-bloque__media { width: 100%; }
.mophys-bloque__texto { padding: 2em; }
}
/* 2 · Fichas de tratamientos y tecnologías ------------------------------------------------------------------- */
.mophys-ficha__cabecera { padding: 1em 0; }
.mophys-ficha__in { display: flex; max-width: var(--m-ancho); margin: 0 auto; }
.mophys-ficha__media, .mophys-ficha__texto { display: flex; flex-direction: column; width: 50%; box-sizing: border-box; }
.mophys-ficha__media { justify-content: center; padding: 10px; }
.mophys-ficha__texto { justify-content: flex-start; padding: 3em; }
.mophys-ficha__cabecera--centrada .mophys-ficha__texto { justify-content: center; }
.mophys-ficha__titulo { font-size: 40px; line-height: 50px; }
.mophys-ficha__parte { text-align: justify; }
.mophys-ficha__parte:not(:last-child) { margin-bottom: 20px; }
/* Texto suelto en Elementor: separado por
(una línea en blanco) y sin margen al final */
.mophys-ficha__parte--sin-margen > p { margin-bottom: 1.5em; }
.mophys-ficha__parte--sin-margen > :last-child { margin-bottom: 0; }
.mophys-ficha__foto { margin: 0; text-align: center; }
.mophys-ficha__img { display: block; width: var(--foto, auto); max-width: 100%; height: auto; margin: 0 auto; border-radius: 2px; }
@media (max-width: 1024px) {
.mophys-ficha__cabecera { padding: 0; }
.mophys-ficha__in { flex-direction: column-reverse; max-width: none; }
.mophys-ficha__media, .mophys-ficha__texto { width: 100%; }
.mophys-ficha__texto .mophys-antetitulo, .mophys-ficha__titulo { text-align: center; }
.mophys-ficha__titulo { font-size: 40px; line-height: 50px; }
.mophys-ficha__img { width: var(--foto-tableta, 80%); max-width: none; }
}
@media (max-width: 767px) {
.mophys-ficha__texto { padding: 2em; }
.mophys-ficha__titulo { font-size: 28px; line-height: 35px; }
.mophys-ficha__img { width: var(--foto-movil, var(--foto-tableta, 80%)); }
}
/* 3 · «Déjanos ayudarte» (fichas): formulario y fila de datos --------------------------------------------------- */
.mophys-ayuda { display: flex; flex-direction: column; gap: 100px; min-height: 960px; padding: 5%; box-sizing: border-box; background: #fff; }
.mophys-ayuda__caja { display: flex; flex-direction: column; gap: 65px; width: 100%; max-width: 900px; margin: 0 auto; }
.mophys-ayuda__titulo { margin: 0 0 22px; padding: 0; color: #212121; font: 500 2.4vw/1.1 var(--m-poppins); letter-spacing: -2px; text-align: center; text-transform: none; }
.mophys-ayuda__texto { margin: 0; color: #222; text-align: center; }
.mophys-form--ficha { margin: 0 -18.5px; row-gap: 40px; }
.mophys-form--ficha .mophys-form__campo { padding: 0 18.5px; }
.mophys-form--ficha input, .mophys-form--ficha textarea { height: 40px; min-height: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid #212121; border-radius: 0; background: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #212121; font: 400 16px/1.3 var(--m-poppins); letter-spacing: 0; text-transform: capitalize; outline: 0; }
.mophys-form--ficha textarea { height: 94px; padding: 5px 14px; resize: vertical; }
.mophys-form--ficha input:focus, .mophys-form--ficha textarea:focus { border-color: #212121; background: transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #3C3C3C; outline: 0; }
.mophys-form--ficha .mophys-form__boton { display: block; width: 100%; margin: 0; padding: 20px 50px; border: 1px solid var(--m-verde); border-radius: 60px; background: var(--m-verde);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #fff; font: 500 16px/1 var(--m-poppins); letter-spacing: 0; text-transform: capitalize; transition: all .3s; }
.mophys-form--ficha .mophys-form__boton:hover, .mophys-form--ficha .mophys-form__boton:focus { border-color: var(--m-morado); background: var(--m-morado); color: #fff; }
.mophys-form--ficha .mophys-form__aviso { margin: -20px 18.5px 0; font-family: var(--m-poppins); font-size: 14px; font-weight: 300; color: #212121; }
.mophys-ayuda__datos { display: flex; justify-content: space-between; gap: 20px; }
.mophys-ayuda__redes { display: flex; align-self: flex-start; gap: 20px; margin: 0; padding: 0; list-style: none; line-height: 0; }
.mophys-ayuda__redes a { display: block; color: #212121; transition: color .3s; }
.mophys-ayuda__redes a:hover, .mophys-ayuda__redes a:focus { color: #F8C3D0; }
.mophys-ayuda__redes svg { display: block; width: 25px; height: 25px; fill: currentColor; }
.mophys-ayuda__dato-titulo { margin: 0 0 16px; padding: 0; color: #212121; font: 600 24px/1.1 var(--m-poppins); letter-spacing: 0; text-transform: capitalize; }
.mophys-ayuda__dato-texto { margin: 0; color: #212121; font: 300 16px/1.5 var(--m-poppins); }
.mophys-ayuda__dato-texto a { color: inherit; text-decoration: none; }
.mophys-ayuda__dato-texto a:hover, .mophys-ayuda__dato-texto a:focus { color: var(--m-verde); }
@media (max-width: 1024px) {
.mophys-ayuda { min-height: 600px; padding: 10% 5%; }
.mophys-ayuda__caja { max-width: none; }
.mophys-ayuda__titulo { font-size: 40px; }
.mophys-form--ficha .mophys-form__boton { font-size: 14px; }
.mophys-ayuda__datos { flex-wrap: wrap; gap: 50px; }
.mophys-ayuda__redes { width: 100%; justify-content: center; align-self: flex-end; }
.mophys-ayuda__dato-titulo { font-size: 20px; }
.mophys-ayuda__dato--visitanos { width: 32%; }
.mophys-ayuda__dato--email, .mophys-ayuda__dato--telefono { width: 25%; }
}
@media (max-width: 767px) {
.mophys-ayuda { padding: 15% 5%; }
.mophys-ayuda__titulo { font-size: 30px; }
.mophys-form--ficha .mophys-form__enviar { text-align: center; }
.mophys-form--ficha .mophys-form__boton { display: inline-block; width: auto; letter-spacing: 2px; }
.mophys-ayuda__datos { gap: 35px; }
.mophys-ayuda__dato--visitanos, .mophys-ayuda__dato--email, .mophys-ayuda__dato--telefono { width: 100%; text-align: center; }
}
/* 4 · Clínica y Profesional --------------------------------------------------------------------------------- */
.mophys-clinica__intro, .mophys-profesional__intro { padding: 1em 0; }
.mophys-clinica__intro .mophys-bloque__foto img, .mophys-profesional__intro .mophys-bloque__foto img { width: 70%; }
.mophys-clinica__tecnologia { padding: 7em 0; }
.mophys-clinica__tecnologia .mophys-bloque__foto img { width: 68%; }
@media (max-width: 1024px) {
.mophys-clinica__intro, .mophys-profesional__intro { margin-bottom: 1em; padding: 1em 0 0; }
.mophys-clinica__intro .mophys-bloque__texto, .mophys-profesional__intro .mophys-bloque__texto { width: 60%; }
.mophys-clinica__intro .mophys-bloque__media, .mophys-profesional__intro .mophys-bloque__media { width: 40%; }
.mophys-clinica__intro .mophys-bloque__foto img, .mophys-profesional__intro .mophys-bloque__foto img { width: 100%; }
.mophys-clinica__tecnologia { padding: 1em 0; }
.mophys-clinica__tecnologia .mophys-bloque__in { flex-direction: column-reverse; }
.mophys-clinica__tecnologia .mophys-bloque__texto, .mophys-clinica__tecnologia .mophys-bloque__media { width: 100%; }
.mophys-clinica__tecnologia .mophys-bloque__foto img { width: 60%; }
.mophys-clinica__tecnologia h2 { text-align: center; }
.mophys-clinica__tecnologia .mophys-texto { text-align: justify; }
}
@media (max-width: 767px) {
.mophys-clinica__intro { margin: 0; padding: 0; }
.mophys-profesional__intro { margin: 0; padding: 0 0 2em; }
.mophys-clinica__intro .mophys-bloque__texto, .mophys-profesional__intro .mophys-bloque__texto,
.mophys-clinica__intro .mophys-bloque__media, .mophys-profesional__intro .mophys-bloque__media { width: 100%; }
.mophys-clinica__intro .mophys-bloque__texto { padding: 1em; }
.mophys-clinica__intro .mophys-antetitulo, .mophys-clinica__intro .mophys-titulo,
.mophys-profesional__intro .mophys-antetitulo, .mophys-profesional__intro .mophys-titulo { text-align: center; }
.mophys-clinica__intro .mophys-texto, .mophys-profesional__intro .mophys-texto { text-align: justify; }
.mophys-clinica__tecnologia { padding: 0; }
.mophys-clinica__tecnologia .mophys-bloque__foto img { width: 100%; }
}
/* 5 · Contacto ---------------------------------------------------------------------------------------------- */
.mophys-contacto__intro { padding: 2em 0; background: #fff; }
.mophys-contacto__intro .mophys-bloque__texto { justify-content: flex-start; }
.mophys-contacto__intro .mophys-bloque__foto img { width: 100%; }
.mophys-contacto__intro .mophys-texto > :last-child, .mophys-contacto__dudas > :last-child { margin-bottom: 0; }
.mophys-contacto__mapa { line-height: 0; }
.mophys-contacto__mapa iframe { display: block; width: 100%; height: 400px; border: 0; }
.mophys-contacto__mensaje { padding: 0 0 5em; background: #fff; }
.mophys-contacto__in { display: flex; max-width: var(--m-ancho); margin: 0 auto; }
.mophys-contacto__principal { width: 65%; padding: 3em; box-sizing: border-box; }
.mophys-contacto__dudas { margin-bottom: 40px; }
.mophys-contacto__lateral { width: 34.333%; padding: 0 3em 3em; box-sizing: border-box; border-radius: 2px; background: #fff; }
.mophys-contacto__tarjeta { position: relative; margin: -10em 0 5em; padding: calc(2em + 10px); border-radius: 2px; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .1); }
.mophys-contacto__subtitulo { font-size: 36px; line-height: 46.8px; }
.mophys-contacto__lugar { margin: 0 0 20px; color: var(--m-titulo); font: 700 18px/21.6px var(--m-sans); }
.mophys-contacto__lista { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 22.4px; }
.mophys-contacto__lista li { display: flex; align-items: flex-start; }
.mophys-contacto__lista li + li { margin-top: 6px; }
.mophys-contacto__lista a { display: flex; align-items: flex-start; color: var(--m-texto); text-decoration: none; transition: color .3s; }
.mophys-contacto__lista a:hover { color: var(--m-celeste); }
.mophys-contacto__lista svg { flex: 0 0 14px; width: 14px; height: 14px; margin: calc((1.6em - 14px) / 2) 10px 0 0; fill: var(--m-texto); }
.mophys-contacto__lista span { padding-left: 5px; }
.mophys-contacto__lista li > span { padding-left: 9px; } /* la dirección no es enlace y en la anterior quedaba 4 px más a la derecha */
.mophys-contacto__redes-texto { padding-bottom: 20px; }
.mophys-contacto__instagram { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 2px; background: var(--m-verde); color: #fff;
vertical-align: top; transition: background .3s, transform .3s; }
.mophys-contacto__instagram:hover, .mophys-contacto__instagram:focus { background: var(--m-morado); color: #fff; transform: translateY(-8px); }
.mophys-contacto__instagram svg { width: 25px; height: 25px; fill: currentColor; }
/* Formulario de contacto: etiquetas visibles encima, campos azul claro (estilos globales de la web anterior) */
.mophys-form--contacto { margin: 0 -5px; row-gap: 10px; }
.mophys-form--contacto .mophys-form__campo { padding: 0 5px; }
.mophys-form--contacto .mophys-form__etiqueta { display: block; margin: 0; padding: 0; color: #111827; font: 600 14px/21px var(--m-sans); }
.mophys-form--contacto input, .mophys-form--contacto textarea { height: 59px; min-height: 0; padding: 7px 20px; border: 2px solid var(--m-azul-claro); border-radius: 2px; background: var(--m-azul-claro);
box-shadow: none; color: var(--m-morado); font: 400 18px/24px var(--m-sistema); outline: 0; }
.mophys-form--contacto textarea { height: 119px; line-height: 25.2px; resize: vertical; }
.mophys-form--contacto input:focus, .mophys-form--contacto textarea:focus { border-color: var(--m-azul-claro); background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #3C3C3C; outline: 0; }
.mophys-form--contacto .mophys-form__boton { display: block; width: 100%; height: 59px; margin: 0; padding: 0 30px; border: 0; border-radius: 2px; background: var(--m-verde); color: #fff;
font: 500 16px/1 var(--m-sans); transition: all .3s; }
.mophys-form--contacto .mophys-form__boton:hover, .mophys-form--contacto .mophys-form__boton:focus { background: var(--m-morado); color: #fff; }
.mophys-form--contacto .mophys-form__aviso { margin: 0 5px; }
.mophys-form--contacto .mophys-form__legal { margin: 8px 5px 0; }
@media (max-width: 1024px) {
.mophys-contacto__intro { padding: 0; }
.mophys-contacto__intro .mophys-bloque__in { flex-direction: column; }
.mophys-contacto__intro .mophys-bloque__texto, .mophys-contacto__intro .mophys-bloque__media { width: 100%; }
.mophys-contacto__intro .mophys-antetitulo, .mophys-contacto__intro .mophys-titulo { text-align: center; }
.mophys-contacto__intro .mophys-texto { text-align: justify; }
.mophys-contacto__in { max-width: none; }
.mophys-contacto__principal { width: 60%; }
.mophys-contacto__lateral { width: 40%; padding: 1em; }
.mophys-contacto__tarjeta { padding: calc(2em + 10px); }
.mophys-contacto__subtitulo { font-size: 24px; line-height: 31.2px; }
.mophys-contacto__lugar { font-size: 16px; line-height: 19.2px; }
.mophys-contacto__lista { font-size: 13px; line-height: 20.8px; }
.mophys-contacto__instagram { width: 42px; height: 42px; }
.mophys-contacto__instagram svg { width: 21px; height: 21px; }
}
@media (max-width: 767px) {
.mophys-contacto__mapa iframe { height: 300px; }
.mophys-contacto__mensaje { padding: 0 0 2px; }
.mophys-contacto__in { flex-direction: column-reverse; }
.mophys-contacto__principal, .mophys-contacto__lateral { width: 100%; padding: 2em; }
.mophys-contacto__principal .mophys-antetitulo, .mophys-contacto__principal .mophys-titulo { text-align: center; }
.mophys-contacto__dudas { text-align: justify; }
.mophys-contacto__tarjeta { margin: 0 0 2em; padding: calc(1em + 10px); }
.mophys-contacto__lateral > .mophys-titulo, .mophys-contacto__redes-texto { text-align: center; }
.mophys-contacto__lateral { text-align: center; }
.mophys-contacto__tarjeta { text-align: left; }
.mophys-contacto__lugar { font-size: 14px; line-height: 16.8px; }
.mophys-contacto__lista { font-size: 12px; line-height: 19.2px; }
.mophys-form--contacto .mophys-form__boton { font-size: 14.592px; }
}
/* 6 · Páginas normales (políticas, aviso legal): como las pintaba Astra --------------------------------------- */
.mophys-pagina { max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.mophys-pagina__titulo { margin: 0 0 var(--m-lh-cuerpo); padding: 0; color: var(--m-titulo); font: 600 32px/1.2 var(--m-serif); letter-spacing: -2px; }
.mophys-pagina__contenido { color: var(--m-texto); }
.mophys-pagina__contenido > * { margin-top: 0; }
.mophys-pagina__contenido p { margin: 0 0 1.6em; }
.mophys-pagina__contenido h2 { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 600 48px/1.1 var(--m-serif); }
.mophys-pagina__contenido h3 { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 600 36px/1.1 var(--m-serif); }
.mophys-pagina__contenido h4 { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 600 24px/1.3 var(--m-serif); }
.mophys-pagina__contenido ul, .mophys-pagina__contenido ol { margin: 1em 0; padding: 0 0 0 20px; }
.mophys-pagina__contenido li { margin: 0; }
.mophys-pagina__contenido a { text-decoration: underline; }
.mophys-pagina__contenido li > ul, .mophys-pagina__contenido li > ol { margin: 0; }
.mophys-pagina__contenido a { color: var(--m-texto); }
.mophys-pagina__contenido a:hover { color: var(--m-celeste); }
.mophys-pagina__contenido > :last-child { margin-bottom: 0; }
@media (min-width: 1200px) { .mophys-pagina { margin-top: 60px; margin-bottom: 60px; } }
@media (max-width: 1024px) {
.mophys-pagina__contenido h2 { font-size: 36px; }
.mophys-pagina__contenido h3 { font-size: 24px; }
.mophys-pagina__contenido h4 { font-size: 18px; }
}
@media (max-width: 921px) { .mophys-pagina__titulo { font-size: 29.184px; } }
@media (max-width: 767px) { .mophys-pagina__contenido h2 { font-size: 28px; } }
/* 7 · Fondo gris de Astra (404 y blog) --------------------------------------------------------------------------- */
.mophys-fondo { padding: 4em 20px; background: var(--m-fondo-gris); }
.mophys-fondo > * { max-width: 1200px; margin: 0 auto; }
.mophys-fondo > .mophys-entrada { margin-left: auto; margin-right: auto; }
.mophys-fondo--estrecho > * { max-width: 710px; }
/* Puntos de corte de Astra (921 y 544 px) */
@media (max-width: 921px) { .mophys-fondo { padding: 1.5em 20px; } .mophys-fondo--estrecho > * { max-width: none; } }
@media (max-width: 544px) { .mophys-fondo { padding: 1.5em .54em; } }
/* 8 · 404 ----------------------------------------------------------------------------------------------------- */
.mophys-error { padding: 5em 0 10em; background: #fff; overflow: hidden; }
.mophys-error__caja { max-width: 640px; margin: 0 auto; padding: 5em; box-sizing: border-box; border: 4px solid var(--m-morado); border-radius: 2px; background: #fff; text-align: center; }
.mophys-error__titulo { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 500 72px/1.4 var(--m-serif); letter-spacing: -2px; }
.mophys-error__texto { margin: 0 0 20px; color: var(--m-titulo); font: 600 48px/1.3 var(--m-serif); }
@media (max-width: 1024px) {
.mophys-error__titulo { font-size: 48px; }
.mophys-error__texto { font-size: 36px; }
}
@media (max-width: 767px) {
.mophys-error { padding: 5em 1em; }
.mophys-error__caja { padding: 2em; }
.mophys-error__titulo { font-size: 38px; }
.mophys-error__texto { font-size: 28px; }
}
@media (max-width: 921px) { .mophys-error__boton { padding: 14px 28px; font-size: 14.592px; line-height: 1; } }
@media (max-width: 544px) { .mophys-error__boton { padding: 12px 24px; } }
/* 9 · Blog: entrada ---------------------------------------------------------------------------------------- */
.mophys-entrada { padding: 40px; background: #fff; }
.mophys-entrada__cabecera { padding: 6em 3em; background: var(--m-arena); text-align: center; }
.mophys-entrada__categoria { display: inline-block; margin: 5px; padding: 5px 20px; border-radius: 2px; background: var(--m-celeste); font: italic 600 16px/20px var(--m-serif); }
.mophys-entrada__categoria a { color: var(--m-texto); text-decoration: none; }
.mophys-entrada__titulo { margin: 0; padding: 0; color: var(--m-titulo); font: 600 48px/62.4px var(--m-serif); letter-spacing: normal; }
.mophys-entrada__cuerpo { display: flex; padding: 2em 0 5em; }
.mophys-entrada__info { width: 15%; padding: 3em 1em; box-sizing: border-box; }
.mophys-entrada__principal { display: flex; flex-direction: column; width: 60%; padding: 3em; box-sizing: border-box; }
.mophys-entrada__lateral { width: 25%; padding: 3em; box-sizing: border-box; }
.mophys-entrada__apartado { margin: 0 0 20px; padding: 0; color: var(--m-titulo); font: 700 18px/1.2 var(--m-sans); letter-spacing: normal; }
.mophys-entrada__apartado::after { content: ""; display: block; height: 4px; margin-top: 20px; border-bottom: 1px solid var(--m-celeste);
background: linear-gradient(var(--m-celeste), var(--m-celeste)) left top / 50px 4px no-repeat; }
.mophys-entrada__datos { margin: 0 -3px 20px; padding: 0; list-style: none; font-size: 14px; line-height: 1.6; }
.mophys-entrada__datos li { display: inline-block; margin: 0 3px; vertical-align: top; }
.mophys-entrada__datos li::before { content: ""; display: inline-block; width: 14px; } /* hueco del icono (en la web anterior no llegaba a verse) */
.mophys-entrada__datos span { display: inline-block; padding-left: 14px; }
.mophys-entrada__datos a { color: var(--m-texto); text-decoration: none; }
.mophys-entrada__compartir { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mophys-entrada__red { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; background: #3b5998; color: #fff; }
.mophys-entrada__red svg { width: 14px; height: 14px; fill: currentColor; }
.mophys-entrada__red--twitter { background: #1da1f2; }
.mophys-entrada__red--linkedin { background: #0077b5; }
.mophys-entrada__contenido { margin-bottom: 20px; }
.mophys-entrada .comment-form-textarea { padding: 0 20px; }
.mophys-entrada .comments-area { margin: 2em 0 0; padding: 0 0 2em; background: #fff; }
.mophys-entrada .comment-respond { padding: 2.5em; }
.mophys-entrada .comment-reply-title { margin: 0 0 1em; color: var(--m-titulo); font: 600 36px/1.1 var(--m-serif); }
.mophys-entrada .comment-reply-title small { font-size: .8em; }
.mophys-entrada .comment-textarea { margin: 0 -20px 1.5em; }
.mophys-entrada .comment-form label { font-weight: 600; line-height: 1.5; }
.mophys-entrada .comment-form input[type="text"], .mophys-entrada .comment-form input[type="email"], .mophys-entrada .comment-form input[type="url"],
.mophys-entrada .comment-form textarea { border: 0; border-radius: 2px; background: var(--m-azul-claro); }
@media (max-width: 1024px) { .mophys-entrada .comment-reply-title { font-size: 24px; } }
.mophys-entrada__foto { margin: 0 0 20px; }
.mophys-entrada__foto img { display: block; width: 100%; height: 400px; object-fit: cover; border-radius: 2px; }
.mophys-entrada__autor { margin-bottom: 20px; text-align: center; }
.mophys-entrada__autor img { display: block; width: 65px; height: 65px; margin: 0 auto 15px; border-radius: 50%; box-shadow: 0 10px 30px rgba(0, 0, 0, .1); }
.mophys-entrada__autor-nombre { margin: 0; color: var(--m-titulo); font: 700 18px/1.4 var(--m-sans); }
.mophys-entrada__ultima { margin: 0 0 6px; font: 700 14px/1.6 var(--m-sans); }
.mophys-entrada__ultima a { color: var(--m-texto); text-decoration: none; }
.mophys-entrada__ultima-fecha { margin: 0; color: #ADADAD; font-size: 14px; line-height: 1.6; }
@media (max-width: 1024px) {
.mophys-entrada__cuerpo { flex-wrap: wrap; }
.mophys-entrada__info { width: 30%; padding: 2em; }
.mophys-entrada__principal { width: 70%; padding: 2em; }
.mophys-entrada__lateral { width: 100%; }
.mophys-entrada__titulo { font-size: 36px; line-height: 46.8px; }
.mophys-entrada__foto img { height: 275px; }
.mophys-entrada__datos { font-size: 13px; }
.mophys-entrada__categoria { font-size: 13px; line-height: 16.25px; }
}
@media (max-width: 767px) {
.mophys-entrada { padding: 21px 14px; }
.mophys-entrada__cabecera { padding: 5em 2em; }
.mophys-entrada__cuerpo { flex-direction: column; padding: 0 0 3em; }
.mophys-entrada__info, .mophys-entrada__principal, .mophys-entrada__lateral { width: 100%; padding: 2em; }
.mophys-entrada__titulo { font-size: 28px; line-height: 36.4px; }
.mophys-entrada__categoria { font-size: 12px; line-height: 15px; }
.mophys-entrada__foto img { height: 200px; }
.mophys-entrada__datos { font-size: 12px; }
}
/* 10 · Blog: archivo ---------------------------------------------------------------------------------------- */
.mophys-fondo:has(.mophys-archivo) { padding-top: 0; padding-bottom: 0; }
.mophys-archivo__cabecera { padding: 8em 0; background: var(--m-arena); text-align: center; }
.mophys-archivo__cabecera > * { box-sizing: border-box; max-width: 840px; margin-left: auto; margin-right: auto; padding: 0 48px; }
.mophys-archivo__blog { margin-bottom: 20px; color: var(--m-titulo); font: 500 72px/1.4 var(--m-serif); letter-spacing: -2px; }
.mophys-archivo__titulo { margin-top: 0; margin-bottom: 0; color: var(--m-titulo); font: 600 48px/1.3 var(--m-serif); letter-spacing: normal; }
.mophys-archivo__lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: calc(5em + 10px) 10px; }
.mophys-archivo__entrada { margin: 0; padding: 0; }
.mophys-archivo__entrada-titulo { margin: 0 0 14px; color: var(--m-titulo); font: 700 18px/1.4 var(--m-sans); }
.mophys-archivo__entrada-titulo a { color: var(--m-texto); text-decoration: none; }
.mophys-archivo__meta { margin: 0 0 14px; color: #ADADAD; font: italic 400 16px/1.6 var(--m-serif); }
.mophys-archivo__meta span + span::before { content: "."; margin: 0 4px; }
.mophys-archivo__resumen { margin-bottom: 20px; }
.mophys-archivo__resumen p { margin: 0; color: #777; font-size: 14px; line-height: 1.6; }
@media (max-width: 1024px) {
.mophys-archivo__cabecera > * { padding: 0 45px; }
.mophys-archivo__lista { grid-template-columns: repeat(2, 1fr); padding: calc(2em + 10px); }
.mophys-archivo__blog { font-size: 48px; }
.mophys-archivo__titulo { font-size: 36px; }
.mophys-archivo__entrada-titulo { font-size: 16px; }
.mophys-archivo__meta { font-size: 13px; }
.mophys-archivo__resumen p { font-size: 13px; }
}
@media (max-width: 921px) { .mophys-fondo:has(.mophys-archivo) { padding: 0 20px; } }
@media (max-width: 767px) {
.mophys-archivo__cabecera { padding: 5em 0; }
.mophys-archivo__cabecera > * { padding: 0 28px; }
.mophys-archivo__lista { grid-template-columns: 1fr; padding: calc(1em + 10px); }
.mophys-archivo__blog { font-size: 38px; }
.mophys-archivo__titulo { font-size: 28px; }
.mophys-archivo__entrada-titulo { font-size: 14px; }
.mophys-archivo__meta { font-size: 12px; }
.mophys-archivo__resumen p { font-size: 12px; }
}
@media (max-width: 544px) { .mophys-fondo:has(.mophys-archivo) { padding: 0 .54em; } }