/* ============================================================================= La mujer y los estudios STEM · estático de iberdrola.com Cabecera y cuatro capas que se tapan de arriba abajo (Sociedad, Escuela, Familia, Estudiante), cada una con su título y sus factores con viñeta. Sin JS, sin interacción ni animación (RF-01). Dos composiciones (375 / 565) y UN solo cambio de disposición (@container mes, RD-04). Fluida a los dos lados; por encima de 565 sigue creciendo (RD-09). Medidas: specs/mujer-estudios-stem/design/ (Figma es la única fuente) ============================================================================= */ /* ===== IberPangea (self-contained, RD-02) ==================================== */ @font-face{font-family:'IberPangea';src:url('/wcorp/gc/prod/es_ES/estaticos/mujer-estudios-stem/fonts/IberPangea-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'IberPangea';src:url('/wcorp/gc/prod/es_ES/estaticos/mujer-estudios-stem/fonts/IberPangea-SmBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;} @font-face{font-family:'IberPangea Text';src:url('/wcorp/gc/prod/es_ES/estaticos/mujer-estudios-stem/fonts/IberPangeaText-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} /* Tokens (design/tokens.json; los de capa, de `_sin_variable`). */ #mujer-estudios-stem{ --mes-forest:#00402A; --mes-sand3:#D8CFC7; --mes-white:#FFFFFF; --mes-soc-bg:#B4DEF7; --mes-soc-title:#28517F; --mes-soc-txt:#28517F; --mes-soc-dot:#28517F; --mes-esc-bg:#FFD97D; --mes-esc-title:#7A5F12; --mes-esc-txt:#5C480E; --mes-esc-dot:#7A5F12; --mes-fam-bg:#D8CFC7; --mes-fam-title:#8F3320; --mes-fam-txt:#6E2416; --mes-fam-dot:#6E2416; --mes-est-bg:#5BD38C; --mes-est-title:#2E5220; --mes-est-txt:#233F17; --mes-est-dot:#233F17; --mes-pangea:'IberPangea',sans-serif; --mes-text:'IberPangea Text','IberPangea',sans-serif; /* Padding lateral: 16 a 375, 32 a 565 y por encima (RD-04). */ --mes-pad:clamp(16px, calc(16px + (100cqi - 375px) * 16 / 190), 32px); } /* ===== Marco (RD-03, RD-04) ================================================== `margin:0 auto` SIN margen vertical: se incrusta y el sitio pone su espaciado. Sin `max-width`: crece con su columna. ÚNICO contenedor. El borde, en el `::after`, por ENCIMA de las capas (en Figma el trazo del marco se pinta sobre los hijos), como en `resiliencia`. */ #mujer-estudios-stem{ container-name:mes; container-type:inline-size; width:100%; margin:0 auto; box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden; overflow:clip; background:var(--mes-white); border-radius:16px; } #mujer-estudios-stem::after{content:'' !important; display:block !important; position:absolute; inset:0; z-index:5; border-radius:16px; box-shadow:inset 0 0 0 1px var(--mes-sand3); pointer-events:none;} /* ===== Blindaje frente al theme de Liferay (spec §5) ========================= La herencia PIERDE contra cualquier declaración del theme, por débil que sea. `inherit` sí es una declaración: gana al theme sin cambiar nada visualmente. */ #mujer-estudios-stem *{color:inherit; font:inherit; letter-spacing:inherit; text-align:inherit; text-transform:inherit; white-space:inherit; overflow-wrap:inherit; text-indent:0; text-decoration:none; margin:0; padding:0; box-sizing:border-box; border:0; background:transparent; box-shadow:none; text-shadow:none; float:none;} #mujer-estudios-stem ul,#mujer-estudios-stem ol,#mujer-estudios-stem li{list-style:none;} #mujer-estudios-stem li::marker{content:none;} #mujer-estudios-stem li::before{content:'' !important; display:none !important; margin:0 !important;} /* `#mujer-estudios-stem *` NO alcanza a los pseudo-elementos: se blindan aparte, sin `content`. */ #mujer-estudios-stem *::before,#mujer-estudios-stem *::after{margin:0; padding:0; text-indent:0; letter-spacing:inherit; text-transform:inherit; box-sizing:border-box;} /* La RAÍZ declara todo lo heredable: si no, hereda del portal y el `inherit` de arriba propaga fielmente el valor del theme hacia dentro. */ #mujer-estudios-stem{ font-family:var(--mes-text); font-size:16px; line-height:20px; font-weight:400; font-style:normal; color:var(--mes-forest); letter-spacing:normal; text-align:left; text-transform:none; white-space:normal; text-decoration:none; word-spacing:normal; /* Una palabra más larga que su columna (letra al 200 %) se parte antes que salirse. `anywhere` (no `break-word`) para que la columna no crezca por ella y se salga. A tamaño normal no parte ninguna: cada columna tiene como mínimo su palabra más larga en su idioma (--mes-c*, abajo). */ overflow-wrap:anywhere; } /* `display` NO se hereda: se declara elemento a elemento y con `!important` (y se reafirma, con columnas, dirección y huecos, dentro del corte). */ #mujer-estudios-stem{display:block !important;} #mujer-estudios-stem .mes_in,#mujer-estudios-stem .mes_capa{display:block !important;} #mujer-estudios-stem .mes_head{display:flex !important; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;} #mujer-estudios-stem .mes_title,#mujer-estudios-stem .mes_sub, #mujer-estudios-stem .mes_capa_title,#mujer-estudios-stem .mes_dot, #mujer-estudios-stem .mes_txt{display:block !important;} #mujer-estudios-stem .mes_list{display:grid !important;} #mujer-estudios-stem .mes_capa-estudiante .mes_list{display:flex !important;} #mujer-estudios-stem .mes_item{display:flex !important; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;} /* ===== Cabecera (T05, RD-05) ================================================= 375: título 30/34 y subtítulo 21/24 a 5 de él, los dos en x 15 (uno menos que el padding de 16 de las capas, como Figma). Del subtítulo a Sociedad, 28. */ #mujer-estudios-stem .mes_in{position:relative; z-index:0; padding:32px var(--mes-pad) 28px;} #mujer-estudios-stem .mes_title{margin-left:-1px; font-family:var(--mes-pangea); font-weight:600; font-size:30px; line-height:34px; color:var(--mes-forest) !important;} #mujer-estudios-stem .mes_sub{margin:5px 0 0 -1px; font-family:var(--mes-pangea); font-weight:400; font-size:21px; line-height:24px; color:var(--mes-forest);} /* ===== Capas (T06, RD-06) ==================================================== Cada una tapa a la anterior (z-index en orden). Para que en sus esquinas asome el color de la anterior (no el blanco), cada capa salvo la última se alarga por debajo el radio de la siguiente: padding-bottom = hueco + R(sig), margin-bottom = −R(sig). La última no se alarga: el marco recorta su pie con su radio 16. Distancias verticales de metadata.xml (plan §3.3), 375 aquí y 565 en el corte. */ #mujer-estudios-stem .mes_capa{position:relative; padding-left:var(--mes-pad); padding-right:var(--mes-pad);} #mujer-estudios-stem .mes_capa-sociedad{z-index:1; background:var(--mes-soc-bg); border-radius:56px 56px 0 0; color:var(--mes-soc-txt); padding-top:5px; padding-bottom:calc(18.48px + 88px); margin-bottom:-88px;} #mujer-estudios-stem .mes_capa-escuela{z-index:2; background:var(--mes-esc-bg); border-radius:88px 88px 0 0; color:var(--mes-esc-txt); padding-top:5px; padding-bottom:calc(5px + 120px); margin-bottom:-120px;} #mujer-estudios-stem .mes_capa-familia{z-index:3; background:var(--mes-fam-bg); border-radius:120px 120px 0 0; color:var(--mes-fam-txt); padding-top:8px; padding-bottom:calc(21px + 132px); margin-bottom:-132px;} #mujer-estudios-stem .mes_capa-estudiante{z-index:4; background:var(--mes-est-bg); border-radius:132px 132px 0 0; color:var(--mes-est-txt); padding-top:17px; padding-bottom:41px;} #mujer-estudios-stem .mes_capa_title{text-align:center; font-family:var(--mes-pangea); font-weight:600; font-size:30px; line-height:34px;} #mujer-estudios-stem .mes_capa-sociedad .mes_capa_title{color:var(--mes-soc-title) !important;} #mujer-estudios-stem .mes_capa-escuela .mes_capa_title{color:var(--mes-esc-title) !important;} #mujer-estudios-stem .mes_capa-familia .mes_capa_title{color:var(--mes-fam-title) !important;} #mujer-estudios-stem .mes_capa-estudiante .mes_capa_title{color:var(--mes-est-title) !important;} /* ===== Factores (T07, T08; RD-07, RD-08) ===================================== Viñeta 6 × 6 con su borde de arriba a 8 del texto (D01) y el texto a 10 de ella (D05). En ES cada texto tiene como máximo el ancho de su caja de Figma (--w, en em para que escale con la letra): así corta donde Figma, sin `
`. En EN y PT, sin tope. Nunca más estrecho que su palabra más larga (RD-10). */ #mujer-estudios-stem .mes_item{gap:4px; min-width:0;} #mujer-estudios-stem .mes_dot{flex:none; width:6px; height:6px; margin-top:8px; border-radius:50%;} #mujer-estudios-stem .mes_txt{flex:0 1 auto; min-width:min-content; font-family:var(--mes-text); font-weight:400; font-size:16px; line-height:20px;} #mujer-estudios-stem .mes_txt:lang(es){max-width:var(--w, none);} /* Tramos que van juntos mientras caben (cortes de Figma que ningún ancho da: T10). Si no caben (letra al 200 %), se parten por dentro; nunca `nowrap`. */ #mujer-estudios-stem .mes_nw{display:inline-block !important; max-width:100%;} #mujer-estudios-stem .mes_nw2{display:inline !important;} #mujer-estudios-stem .mes_capa-sociedad .mes_dot{background:var(--mes-soc-dot);} #mujer-estudios-stem .mes_capa-escuela .mes_dot{background:var(--mes-esc-dot);} #mujer-estudios-stem .mes_capa-familia .mes_dot{background:var(--mes-fam-dot);} #mujer-estudios-stem .mes_capa-estudiante .mes_dot{background:var(--mes-est-dot);} /* Mínimo de cada columna = su palabra más larga en ese idioma + viñeta (10) + aire (8 en las dos primeras de Sociedad y Escuela) + 1 de holgura; medido con IberPangea Text (T13). Con la letra o el espaciado del usuario más grandes, la palabra se parte antes que salirse. */ #mujer-estudios-stem{--mes-s1:calc(127.2em / 16); --mes-s2:calc(103.6em / 16); --mes-s3:calc(72.1em / 16); --mes-e1:calc(102.1em / 16); --mes-e2:calc(118.6em / 16); --mes-e3:calc(95.5em / 16); /* Familia: la 1.ª columna, el tramo «y expectativas» entero (106,84 + 11), para que no se parta. */ --mes-f2:calc(117.9em / 16); --mes-f3:calc(122.6em / 16);} #mujer-estudios-stem:lang(en){--mes-s1:calc(123.8em / 16); --mes-s2:calc(100.3em / 16); --mes-s3:calc(57.5em / 16); --mes-e1:calc(102.5em / 16); --mes-e2:calc(107.1em / 16); --mes-e3:calc(92.1em / 16);} #mujer-estudios-stem:lang(pt){--mes-s1:calc(123.1em / 16); --mes-s2:calc(99.5em / 16); --mes-s3:calc(69.2em / 16); --mes-e1:calc(129.5em / 16); --mes-e2:calc(112.3em / 16); --mes-e3:calc(98.7em / 16);} /* Cuadrículas: columnas PROPORCIONALES (plan §3.4) que a su ancho de diseño caen en la x de Figma y nunca bajan de su palabra más larga. Filas con el alto de su factor más alto: si una crece en otro idioma, crece entera (RD-11). */ #mujer-estudios-stem .mes_list{column-gap:0; align-items:start; justify-items:stretch;} /* Las dos primeras columnas de Sociedad y Escuela guardan 8 de aire a la derecha: en anchos estrechos la palabra más larga no se pega a la viñeta de al lado (D07). A 375 y 565 no mueve nada (cada texto cabe con su ancho de Figma). */ #mujer-estudios-stem .mes_capa-sociedad .mes_item:not(.mes_item-3):not(.mes_item-6), #mujer-estudios-stem .mes_capa-escuela .mes_item:not(.mes_item-3):not(.mes_item-6){padding-right:8px;} /* 375 · Sociedad 3 × 2 (x 16, 144, 252). La 3.ª columna entra 1 en el margen derecho, como en Figma («Masa y redes», caja de 262 a 360): si no, pasa a 3 líneas. */ #mujer-estudios-stem .mes_capa-sociedad .mes_list{margin-top:10.39px; margin-right:-1px; row-gap:17.13px; grid-template-columns:minmax(var(--mes-s1), 128fr) minmax(var(--mes-s2), 108fr) minmax(var(--mes-s3), 108fr);} /* 375 · Escuela 3 × 2 (x 16, 137, 261). La 3.ª columna entra 10 en el margen derecho, como en Figma («Calidad de / la enseñanza», caja de 271 a 369). */ #mujer-estudios-stem .mes_capa-escuela .mes_list{margin-top:13px; margin-right:-10px; row-gap:6px; grid-template-columns:minmax(var(--mes-e1), 121fr) minmax(var(--mes-e2), 124fr) minmax(var(--mes-e3), 108fr);} /* 375 · Familia 2 × 2 recolocada (x 44, 206): Relaciones · Bienes / Creencias · Características. Una pista vacía a cada lado: 28 a la izquierda y 22 a la derecha (en Figma los textos acaban en 337), para que en anchos estrechos los textos no lleguen a la curva de la capa. */ #mujer-estudios-stem .mes_capa-familia .mes_list{margin-top:8px; row-gap:8px; grid-template-columns:minmax(0, 28fr) minmax(var(--mes-f2), 162fr) minmax(var(--mes-f3), 131fr) minmax(0, 22fr);} #mujer-estudios-stem .mes_capa-familia .mes_item-1{grid-row:1; grid-column:2;} #mujer-estudios-stem .mes_capa-familia .mes_item-4{grid-row:1; grid-column:3;} #mujer-estudios-stem .mes_capa-familia .mes_item-2{grid-row:2; grid-column:2;} #mujer-estudios-stem .mes_capa-familia .mes_item-3{grid-row:2; grid-column:3;} /* 375 · Estudiante: columna centrada bajo su título (D04), gap 4, recolocada: Habilidades · Interés · Estereotipos. En ES cada factor con el ancho de su grupo de Figma (183, 170, 145): la columna mide 183, como Figma. */ /* En todos los idiomas la columna no pasa del ancho de la de Figma (183): en EN y PT las frases largas cortan dentro, como en ES, y no se acercan a la curva de la capa (RD-11, T18). */ #mujer-estudios-stem .mes_capa-estudiante .mes_list{margin:4px auto 0; width:fit-content; max-width:min(100%, calc(183em / 16)); flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:4px;} #mujer-estudios-stem .mes_capa-estudiante .mes_item{max-width:100%;} #mujer-estudios-stem .mes_capa-estudiante .mes_item-1{order:3;} #mujer-estudios-stem .mes_capa-estudiante .mes_item-2{order:1;} #mujer-estudios-stem .mes_capa-estudiante .mes_item-3{order:2;} #mujer-estudios-stem .mes_capa-estudiante .mes_item:lang(es){width:var(--g);} #mujer-estudios-stem .mes_capa-estudiante .mes_txt:lang(es){flex:1 1 auto;} /* Ancho de cada caja de Figma (ES, 375). Nodo de cada uno en specs/…/design/pieza-375/context.md. */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-1{--w:calc(76em / 16);} /* 25723:4395 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-2{--w:calc(70em / 16);} /* 25723:4398 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-3{--w:calc(63em / 16);} /* 25723:4404 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-4{--w:calc(109em / 16);} /* 25723:4389 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-5{--w:calc(89em / 16);} /* 25723:4392 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-6{--w:calc(98em / 16);} /* 25723:4401 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-1{--w:calc(103em / 16);} /* 25723:4371 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-2{--w:calc(104em / 16);} /* 25723:4367 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-3{--w:calc(89em / 16);} /* 25723:4387 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-4{--w:calc(82em / 16);} /* 25723:4375 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-5{--w:calc(88em / 16);} /* 25723:4383 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-6{--w:calc(98em / 16);} /* 25723:4379 */ #mujer-estudios-stem .mes_capa-familia .mes_item-1{--w:calc(86em / 16);} /* 25723:4363 */ #mujer-estudios-stem .mes_capa-familia .mes_item-2{--w:calc(107em / 16);} /* 25723:4351 */ #mujer-estudios-stem .mes_capa-familia .mes_item-3{--w:calc(116em / 16);} /* 25723:4355 */ #mujer-estudios-stem .mes_capa-familia .mes_item-4{--w:calc(121em / 16);} /* 25723:4359 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-1{--g:calc(145em / 16);} /* 25723:4429 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-2{--g:calc(183em / 16);} /* 25723:4423 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-3{--g:calc(170em / 16);} /* 25723:4426 */ /* ===== Muy estrecho (D07, RD-10) ============================================ Por debajo del ancho en que caben sus tres columnas (palabras como «Reformulación» o «Herramientas»), Sociedad y Escuela pasan a dos columnas, en el orden del DOM. 362, medido en el peor idioma (PT; ES y EN caben desde menos de 340) con cada columna a su mínimo (--mes-s*, --mes-e*). Lo decidió quien encarga (D07); el resto, igual que a 375. */ @container mes (max-width: 361.98px){ #mujer-estudios-stem .mes_capa-sociedad .mes_list, #mujer-estudios-stem .mes_capa-escuela .mes_list{display:grid !important; margin-right:0; grid-template-columns:repeat(2, minmax(min-content, 1fr));} } /* ===== Composición de 565 (un solo corte, RD-04; T09) ======================== 563: el menor ancho en que, con esta composición, ningún factor tiene más líneas que a 565, medido en el peor idioma (PT; ES cabría desde 544 y EN desde 548). */ @container mes (min-width: 563px){ /* Cabecera: título 32/36 en x 32; subtítulo 24/28 pegado debajo, en x 34. */ #mujer-estudios-stem .mes_in{padding-bottom:55px;} #mujer-estudios-stem .mes_title{margin-left:0; font-size:32px; line-height:36px;} #mujer-estudios-stem .mes_sub{margin:0 0 0 2px; font-size:24px; line-height:28px;} #mujer-estudios-stem .mes_capa_title{font-size:32px; line-height:36px;} #mujer-estudios-stem .mes_capa-sociedad{padding-top:6px; padding-bottom:calc(20px + 88px);} #mujer-estudios-stem .mes_capa-escuela{padding-top:7px; padding-bottom:calc(23px + 120px);} #mujer-estudios-stem .mes_capa-familia{padding-top:8px; padding-bottom:calc(11px + 132px);} #mujer-estudios-stem .mes_capa-estudiante{padding-top:10px; padding-bottom:34px;} #mujer-estudios-stem .mes_list{display:grid !important; column-gap:0;} #mujer-estudios-stem .mes_nw2{display:inline-block !important; max-width:100%;} /* Sociedad 3 × 2 (x 32, 215, 395) */ #mujer-estudios-stem .mes_capa-sociedad .mes_list{margin-top:16px; margin-right:0; row-gap:16px; grid-template-columns:minmax(min-content, 183fr) minmax(min-content, 180fr) minmax(min-content, 138fr);} /* Escuela 3 × 2 (x 32, 233, 392 en las dos filas: D02, D06) */ #mujer-estudios-stem .mes_capa-escuela .mes_list{margin-top:16px; margin-right:0; row-gap:13px; grid-template-columns:minmax(min-content, 201fr) minmax(min-content, 159fr) minmax(min-content, 141fr);} /* Familia 4 en fila (x 50, 162, 295, 437), con una pista vacía delante */ #mujer-estudios-stem .mes_capa-familia .mes_list{margin-top:11px; row-gap:0; grid-template-columns:minmax(0, 18fr) minmax(min-content, 112fr) minmax(min-content, 133fr) minmax(min-content, 142fr) minmax(min-content, 96fr);} #mujer-estudios-stem .mes_capa-familia .mes_item-1{grid-row:1; grid-column:2;} #mujer-estudios-stem .mes_capa-familia .mes_item-2{grid-row:1; grid-column:3;} #mujer-estudios-stem .mes_capa-familia .mes_item-3{grid-row:1; grid-column:4;} #mujer-estudios-stem .mes_capa-familia .mes_item-4{grid-row:1; grid-column:5;} /* Estudiante: fila centrada, 44 entre grupos (x 78, 237, 384), en el orden del DOM. */ #mujer-estudios-stem .mes_capa-estudiante .mes_list{display:flex !important; margin:16px 0 0; width:auto; max-width:none; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; gap:44px;} #mujer-estudios-stem .mes_capa-estudiante .mes_item{order:0; flex:0 1 auto; min-width:min-content;} /* Ancho de cada caja de Figma (ES, 565). Nodos en specs/…/design/pieza-565/context.md. */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-1{--w:calc(150em / 16);} /* 25725:4745 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-2{--w:calc(125em / 16);} /* 25725:4751 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-3{--w:calc(126em / 16);} /* 25725:4748 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-4{--w:calc(109em / 16);} /* 25725:4755 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-5{--w:calc(147em / 16);} /* 25725:4758 */ #mujer-estudios-stem .mes_capa-sociedad .mes_item-6{--w:calc(108.89em / 16);} /* 25725:4761 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-1{--w:calc(105.5em / 16);} /* 25725:4719 (Figma 108,87: ahí cabe «Estrategias de», T10) */ #mujer-estudios-stem .mes_capa-escuela .mes_item-2{--w:calc(109.92em / 16);} /* 25725:4723 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-3{--w:calc(130em / 16);} /* 25725:4727 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-4{--w:calc(157em / 16);} /* 25725:4731 (Figma 163: cabe «…materiales y», T10) */ #mujer-estudios-stem .mes_capa-escuela .mes_item-5{--w:calc(132em / 16);} /* 25725:4735 */ #mujer-estudios-stem .mes_capa-escuela .mes_item-6{--w:calc(98em / 16);} /* 25725:4739 (Figma 101,24: cabe «Calidad de la», T10) */ #mujer-estudios-stem .mes_capa-familia .mes_item-1{--w:calc(86em / 16);} /* 25725:4611 */ #mujer-estudios-stem .mes_capa-familia .mes_item-2{--w:calc(107em / 16);} /* 25725:4599 */ #mujer-estudios-stem .mes_capa-familia .mes_item-3{--w:calc(116em / 16);} /* 25725:4603 */ #mujer-estudios-stem .mes_capa-familia .mes_item-4{--w:calc(81em / 16);} /* 25725:4607 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-1{--g:calc(115em / 16);} /* 25725:4588 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-2{--g:calc(103em / 16);} /* 25725:4582 */ #mujer-estudios-stem .mes_capa-estudiante .mes_item-3{--g:calc(103em / 16);} /* 25725:4585 */ }