.elementor-27 .elementor-element.elementor-element-4ry0cfj{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-ufs1zst{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-27 .elementor-element.elementor-element-vjgydkk .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-27 .elementor-element.elementor-element-5u2gckl{--display:flex;--min-height:280px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-27 .elementor-element.elementor-element-5u2gckl:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-5u2gckl > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ucs.university/wp-content/uploads/2026/08/fachada-ucs.webp");background-position:center right;background-size:cover;}.elementor-27 .elementor-element.elementor-element-kludtj6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-7oglagm{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27 .elementor-element.elementor-element-a0ssa6j{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:20px 20px 20px 20px;--padding-top:36px;--padding-bottom:36px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-a0ssa6j:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-a0ssa6j > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FA;}.elementor-27 .elementor-element.elementor-element-mo9ejxj .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group.recaptcha_v3-bottomleft, .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group > label, .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-subgroup label{color:#0A1220;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group > label{font-family:"IBM Plex Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-type-html{padding-bottom:0px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group .elementor-field{color:#14191F;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group .elementor-field, .elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-subgroup label{font-family:"IBM Plex Sans", Sans-serif;font-size:16px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#E1E5EA;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#E1E5EA;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-field-group .elementor-select-wrapper::before{color:#E1E5EA;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-button{font-family:"Urbanist", Sans-serif;font-weight:700;border-radius:999px 999px 999px 999px;padding:15px 26px 15px 26px;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .e-form__buttons__wrapper__button-next{background-color:#2563EB;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-button[type="submit"]{background-color:#2563EB;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .e-form__buttons__wrapper__button-next:hover{background-color:#1D4ED8;color:#ffffff;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-button[type="submit"]:hover{background-color:#1D4ED8;color:#ffffff;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-27 .elementor-element.elementor-element-5s9dmnm .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-27 .elementor-element.elementor-element-5s9dmnm{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-27 .elementor-element.elementor-element-rtsnawa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-27 .elementor-element.elementor-element-oa2kqk0 .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-27 .elementor-element.elementor-element-erpwocr{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-e6hvcod{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27 .elementor-element.elementor-element-htj8dfv{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-27 .elementor-element.elementor-element-qa83y0w{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:14px 14px 14px 14px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-qa83y0w:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-qa83y0w > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FA;}.elementor-27 .elementor-element.elementor-element-407f4ya{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:14px 14px 14px 14px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-407f4ya:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-407f4ya > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FA;}.elementor-27 .elementor-element.elementor-element-g0pnb7h{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:14px 14px 14px 14px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-g0pnb7h:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-g0pnb7h > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FA;}.elementor-27 .elementor-element.elementor-element-nil69a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-m040dgm{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-27 .elementor-element.elementor-element-fj0vbdz{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-27 .elementor-element.elementor-element-mw3vv0x .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-27 .elementor-element.elementor-element-ekg8kap{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-5bvpdcy{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-ufs1zst{--content-width:760px;}.elementor-27 .elementor-element.elementor-element-5u2gckl{--width:45%;}.elementor-27 .elementor-element.elementor-element-7oglagm{--content-width:1140px;}.elementor-27 .elementor-element.elementor-element-a0ssa6j{--width:50%;}.elementor-27 .elementor-element.elementor-element-rtsnawa{--width:50%;}.elementor-27 .elementor-element.elementor-element-e6hvcod{--content-width:1140px;}.elementor-27 .elementor-element.elementor-element-qa83y0w{--width:31.5%;}.elementor-27 .elementor-element.elementor-element-407f4ya{--width:31.5%;}.elementor-27 .elementor-element.elementor-element-g0pnb7h{--width:31.5%;}.elementor-27 .elementor-element.elementor-element-m040dgm{--content-width:820px;}.elementor-27 .elementor-element.elementor-element-5bvpdcy{--content-width:900px;}}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-4ry0cfj{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-kludtj6{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-erpwocr{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-nil69a0{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-ekg8kap{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-4ry0cfj{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-5u2gckl{--width:100%;}.elementor-27 .elementor-element.elementor-element-kludtj6{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-7oglagm{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-a0ssa6j{--width:100%;}.elementor-27 .elementor-element.elementor-element-rtsnawa{--width:100%;}.elementor-27 .elementor-element.elementor-element-erpwocr{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-qa83y0w{--width:100%;}.elementor-27 .elementor-element.elementor-element-407f4ya{--width:100%;}.elementor-27 .elementor-element.elementor-element-g0pnb7h{--width:100%;}.elementor-27 .elementor-element.elementor-element-nil69a0{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-27 .elementor-element.elementor-element-ekg8kap{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS *//* ============================================================
UCS University — Computer Science (Post 14)
Source of truth: /ucs-area-cs-prototype/ (approved prototype)
Semantic class system — reusable as template for Posts 16/19/21
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@500;600;700;800;900&family=Sora:wght@400;500;600;700&display=swap');
:root {
--ucs-navy-950: #0A1220;
--ucs-navy-900: #0F1B2E;
--ucs-blue: #2563EB;
--ucs-blue-deep: #0044FF;
--ucs-pink: #FF2D9F;
--ucs-amber: #FFBA00;
--ucs-light: #F3F6FA;
--ucs-ink: #0A1220;
--ucs-muted: #57667A;
--ucs-muted-dark: #AAB6C8;
--ucs-border-light: #E3E9F2;
--ucs-border-dark: rgba(255,255,255,0.10);
--ucs-radius-lg: 20px;
--ucs-radius-md: 14px;
--ucs-radius-pill: 999px;
--ucs-shadow-card: 0 14px 34px -14px rgba(10,18,32,0.18);
--ucs-shadow-card-dark: 0 18px 40px -16px rgba(0,0,0,0.55);
}
/* ---------- Section base ----------
NOTE: heading widgets in this post render their title with the
"elementor-heading-title" class regardless of html_tag (several are
configured as , not
//), so all heading rules below
target that class rather than tag body.elementor-page-27s. */
.ucs-area-section .elementor-heading-title {
font-family: 'Urbanist', 'Sora', sans-serif !important;
font-weight: 800 !important;
letter-spacing: -0.01em;
}
.ucs-area-section--light { background: var(--ucs-light) !important; }
.ucs-area-section--light .elementor-heading-title { color: var(--ucs-ink) !important; }
.ucs-area-section--light p { color: var(--ucs-muted); }
.ucs-area-section--dark { background: var(--ucs-navy-950) !important; }
.ucs-area-section--dark .elementor-heading-title { color: #fff !important; }
.ucs-area-section--dark p { color: var(--ucs-muted-dark) !important; }
/* eyebrow (small uppercase kicker heading, e.g. "SALIDAS PROFESIONALES") —
keep native blue, placed after the generic light/dark rule so it wins
the (equal-specificity, !important) tie via source order. */
.ucs-area-eyebrow .elementor-heading-title {
color: var(--ucs-blue) !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 0.10em;
text-transform: uppercase;
}
/* ---------- Hero ---------- */
.ucs-area-hero { background: #fff !important; padding-top: 56px !important; padding-bottom: 72px !important; }
.ucs-area-hero .elementor-heading-title { color: var(--ucs-ink) !important; font-size: clamp(34px,5vw,54px) !important; }
.ucs-area-hero-copy p { font-size: 18px; max-width: 46ch; color: var(--ucs-muted) !important; }
.ucs-area-hero-visual {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.ucs-area-hero-visual::before {
content: "";
position: absolute; inset: -20%;
background: radial-gradient(closest-side, rgba(37,99,235,0.55), transparent 70%);
filter: blur(10px);
pointer-events: none;
}
.ucs-area-hero-visual::after {
content: "";
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(120,170,255,0.14) 1px, transparent 1px),
linear-gradient(90deg, rgba(120,170,255,0.14) 1px, transparent 1px);
background-size: 42px 42px;
pointer-events: none;
}
/* ---------- Buttons ---------- */
.ucs-area-btn-primary .elementor-button {
background: linear-gradient(135deg, var(--ucs-blue) 0%, var(--ucs-blue-deep) 100%) !important;
color: #fff !important;
border: none !important;
border-radius: var(--ucs-radius-pill) !important;
font-family: 'Urbanist', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
letter-spacing: 0.03em;
text-transform: uppercase;
padding: 15px 26px !important;
box-shadow: 0 12px 28px -10px rgba(37,99,235,0.55);
transition: transform .18s ease;
}
.ucs-area-btn-primary .elementor-button:hover { transform: translateY(-2px); color: #fff !important; }
.ucs-area-card-link .elementor-button {
background: transparent !important;
border: none !important;
color: var(--ucs-blue) !important;
font-family: 'Urbanist', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 0.03em;
text-transform: uppercase;
padding: 0 !important;
text-decoration: none;
}
.ucs-area-card-link .elementor-button:hover { text-decoration: underline; color: var(--ucs-blue) !important; background: transparent !important; }
/* ---------- Tabs (Niveles de estudio) ----------
The Nested Tabs (Pro) widget does not expose the "CSS Classes"
advanced control, so these target its own generated markup directly.
There is only one tabs widget on this page, so no extra scoping is
needed; each area page has its own independent custom_css. */
.e-n-tabs-heading {
background: transparent !important;
border-bottom: 1px solid var(--ucs-border-light) !important;
gap: 8px;
}
.e-n-tab-title {
background: transparent !important;
color: var(--ucs-muted) !important;
font-family: 'Urbanist', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
border: none !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
padding: 12px 6px !important;
margin-bottom: -1px;
box-shadow: none !important;
}
.e-n-tab-title[aria-selected="true"] {
color: var(--ucs-blue) !important;
border-bottom-color: var(--ucs-blue) !important;
background: transparent !important;
}
.e-n-tab-title .e-n-tab-title-text { font-family: 'Urbanist', sans-serif !important; }
.ucs-area-tabs-panel {
background: var(--ucs-navy-950) !important;
border-radius: var(--ucs-radius-lg) !important;
}
/* ---------- Card grid (degree cards) ---------- */
.ucs-area-card-grid { row-gap: 16px !important; column-gap: 16px !important; }
.ucs-area-degree-card {
background: var(--ucs-navy-900) !important;
border: 1px solid var(--ucs-border-dark) !important;
border-radius: var(--ucs-radius-md) !important;
box-shadow: none !important;
width: 100% !important;
}
.ucs-area-degree-card .elementor-heading-title { color: #fff !important; font-size: 18px !important; }
.ucs-area-degree-card p { color: var(--ucs-muted-dark) !important; }
.ucs-area-degree-card .elementor-heading-title { font-family: 'Urbanist', sans-serif; }
@media (min-width: 700px) {
.ucs-area-degree-card { width: calc(50% - 8px) !important; }
}
@media (min-width: 1200px) {
.ucs-area-degree-card { width: calc(33.333% - 11px) !important; }
.ucs-area-tabs-panel { padding: 32px !important; }
}
/* ---------- Icon grid (Cómo estudiarás) ---------- */
.ucs-area-icon-grid { row-gap: 16px !important; column-gap: 16px !important; }
.ucs-area-icon-card {
background: #fff !important;
border: 1px solid var(--ucs-border-light) !important;
border-radius: var(--ucs-radius-md) !important;
box-shadow: var(--ucs-shadow-card) !important;
width: 100% !important;
}
.ucs-area-icon-card .elementor-heading-title { font-size: 17px !important; }
.ucs-area-icon-card p { font-size: 14px !important; }
@media (min-width: 700px) { .ucs-area-icon-card { width: calc(50% - 8px) !important; } }
@media (min-width: 1200px) { .ucs-area-icon-card { width: calc(25% - 12px) !important; } }
/* ---------- Method grid (Aprender haciendo, dark) ---------- */
.ucs-area-method-grid { row-gap: 16px !important; column-gap: 16px !important; }
.ucs-area-method-card {
background: var(--ucs-navy-900) !important;
border: 1px solid var(--ucs-border-dark) !important;
border-radius: var(--ucs-radius-md) !important;
width: 100% !important;
}
.ucs-area-method-card .elementor-heading-title { font-size: 17px !important; color: #fff !important; }
.ucs-area-method-card p { font-size: 14px !important; }
@media (min-width: 700px) { .ucs-area-method-card { width: calc(50% - 8px) !important; } }
@media (min-width: 1200px) { .ucs-area-method-card { width: calc(25% - 12px) !important; } }
/* ---------- Salidas profesionales (outcomes) ---------- */
.ucs-area-outcomes-visual {
position: relative;
aspect-ratio: 4 / 3;
border: 1px solid var(--ucs-border-dark);
overflow: hidden;
}
.ucs-area-outcomes-visual::before {
content: "";
position: absolute; inset: -20%;
background: radial-gradient(closest-side, rgba(255,45,159,0.35), transparent 70%);
filter: blur(10px);
pointer-events: none;
}
.ucs-area-outcomes-copy p { max-width: 52ch; font-size: 16px; }
.ucs-area-outcomes-list { row-gap: 14px !important; column-gap: 14px !important; }
.ucs-area-outcomes-item { width: 100% !important; background: transparent !important; }
.ucs-area-outcomes-item .elementor-widget:last-child .elementor-heading-title {
color: var(--ucs-muted-dark) !important;
font-size: 11.5px !important;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 600 !important;
}
@media (min-width: 700px), (min-width: 1200px) {
.ucs-area-outcomes-item { width: calc(50% - 7px) !important; }
}
/* ---------- Vida universitaria ---------- */
.ucs-area-life-grid { row-gap: 16px !important; column-gap: 16px !important; }
.ucs-area-life-card {
background: #fff !important;
border: 1px solid var(--ucs-border-light) !important;
border-radius: var(--ucs-radius-md) !important;
box-shadow: var(--ucs-shadow-card) !important;
width: 100% !important;
}
.ucs-area-life-card .elementor-heading-title { font-size: 17px !important; }
.ucs-area-life-card p { font-size: 14px !important; }
.ucs-area-life-badge { background: transparent !important; }
.ucs-area-life-badge .elementor-heading-title {
display: inline-flex; align-items: center; justify-content: center;
min-width: 44px; height: 32px; padding: 0 10px;
border-radius: var(--ucs-radius-pill);
background: transparent !important;
border: 1px solid var(--ucs-blue);
color: var(--ucs-blue) !important;
font-weight: 800 !important; font-size: 13px !important;
}
@media (min-width: 700px) { .ucs-area-life-card { width: calc(33.333% - 11px) !important; } }
/* ---------- Talento y Empleabilidad ---------- */
.ucs-area-tag-list {
list-style: none; margin: 20px 0 0; padding: 0;
display: flex; flex-wrap: wrap; gap: 12px;
}
.ucs-area-tag-list li {
border: 1px solid var(--ucs-blue) !important;
color: #cfe0ff !important;
padding: 10px 18px !important;
border-radius: var(--ucs-radius-pill) !important;
font-weight: 600 !important;
font-size: 13.5px !important;
background: transparent !important;
}
.ucs-area-logo-row { row-gap: 12px !important; column-gap: 12px !important; }
.ucs-area-logo-placeholder {
background: transparent !important;
border: 1px dashed var(--ucs-border-dark) !important;
border-radius: var(--ucs-radius-md) !important;
width: calc(50% - 6px) !important;
}
.ucs-area-logo-placeholder .elementor-heading-title {
color: var(--ucs-muted-dark) !important; font-size: 12px !important;
font-weight: 700 !important; letter-spacing: 0.08em;
}
@media (min-width: 700px) { .ucs-area-logo-placeholder { width: calc(25% - 9px) !important; } }
/* ---------- Título oficial ---------- */
.ucs-area-info-list { margin-top: 24px; }
.ucs-area-info-row {
border-top: 1px solid var(--ucs-border-light) !important;
background: transparent !important;
padding: 26px 0 !important;
}
.ucs-area-info-num {
font-family: 'Urbanist', sans-serif !important;
font-weight: 800 !important;
font-style: normal !important;
font-size: 20px !important;
color: var(--ucs-blue) !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.ucs-area-info-row .elementor-heading-title { font-size: 18px !important; }
.ucs-area-info-row p { font-size: 14.5px !important; max-width: 68ch; }
/* ---------- Admisiones ---------- */
.ucs-area-steps-grid { row-gap: 16px !important; column-gap: 16px !important; }
.ucs-area-step-card {
background: var(--ucs-navy-900) !important;
border: 1px solid var(--ucs-border-dark) !important;
border-radius: var(--ucs-radius-md) !important;
width: 100% !important;
}
.ucs-area-step-card .elementor-heading-title { font-size: 15.5px !important; color: #fff !important; margin: 0 !important; }
@media (min-width: 700px) { .ucs-area-step-card { width: calc(50% - 8px) !important; } }
@media (min-width: 1200px) { .ucs-area-step-card { width: calc(25% - 12px) !important; } }
/* ---------- Contacto ---------- */
.ucs-area-contact-copy address, .ucs-area-contact-copy p {
font-style: normal;
color: var(--ucs-muted-dark) !important;
font-size: 15px !important;
line-height: 1.8;
}
.ucs-area-contact-form-panel {
background: var(--ucs-navy-900) !important;
border: 1px solid var(--ucs-border-dark) !important;
border-radius: var(--ucs-radius-lg) !important;
padding: 28px !important;
box-shadow: var(--ucs-shadow-card-dark) !important;
width: 100% !important;
}
@media (min-width: 834px) { .ucs-area-contact-form-panel { width: 50% !important; } }
/* ---------- Overflow / safety ---------- */
.ucs-area-section, .ucs-area-hero-visual, .ucs-area-outcomes-visual { max-width: 100%; }
/* eyebrow-in-hero specificity fix */
.ucs-area-hero .ucs-area-eyebrow .elementor-heading-title { color: #2563EB !important; }
/* ---------- Visual convergence pass (A1/A2) ---------- */
/* A1: method-grid was the only grid stuck in flex_direction:column (native Elementor
setting on container a9b3bf6) while every sibling grid on this page is row+wrap.
Width breakpoints for .ucs-area-method-card already exist above (1/2/4 col). */
.ucs-area-method-grid { flex-direction: row !important; flex-wrap: wrap !important; }
/* A2: decorative index numbers (bare 01/02/03... used purely as position markers)
removed across all sections per master design — hidden, not deleted. */
.ucs-area-decorative-index { display: none !important; }
/* ---------- Talent hero scale-up (Post 846 only) ---------- */
.ucs-area-hero .ucs-hero-title {
font-family: 'Urbanist', 'Sora', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(40px, 6vw, 72px) !important;
line-height: 1.05 !important;
letter-spacing: -0.01em;
color: var(--ucs-ink) !important;
margin: 0 !important;
}
.ucs-area-hero .ucs-hero-accent { color: var(--ucs-blue) !important; }
.ucs-area-hero .ucs-hero-subtitle {
font-size: clamp(19px, 2.1vw, 23px) !important;
line-height: 1.5 !important;
max-width: 46ch;
color: var(--ucs-muted) !important;
margin: 0 !important;
}
/* ---------- Hero CTAs + CTA card (Post 846 only) ---------- */
.ucs-area-hero-ctas .elementor-button { padding: 18px 34px !important; font-size: 15px !important; }
.ucs-area-btn-secondary .elementor-button {
background: #FFFFFF !important;
color: var(--ucs-blue) !important;
border: 2px solid var(--ucs-blue) !important;
border-radius: var(--ucs-radius-pill) !important;
font-family: 'Urbanist', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: none !important;
transition: transform .18s ease, background .18s ease;
}
.ucs-area-btn-secondary .elementor-button:hover { transform: translateY(-2px); background: var(--ucs-light) !important; color: var(--ucs-blue) !important; }
.ucs-cta-card-section { background: var(--ucs-light) !important; }
.ucs-cta-card {
background: #FFFFFF !important;
border-radius: var(--ucs-radius-lg) !important;
box-shadow: var(--ucs-shadow-card) !important;
border: 1px solid var(--ucs-border-light) !important;
text-align: center;
}
.ucs-cta-card-title .elementor-heading-title {
font-family: 'Urbanist', 'Sora', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(24px, 3vw, 32px) !important;
color: var(--ucs-blue) !important;
}
.ucs-cta-card-text { font-size: 16px !important; color: var(--ucs-muted) !important; max-width: 46ch; margin: 0 auto; }
.ucs-cta-card-email { font-size: 16px !important; font-weight: 700 !important; margin: 0; }
.ucs-cta-card-email a { color: var(--ucs-blue) !important; text-decoration: none; }
.ucs-cta-card-email a:hover { text-decoration: underline; }
.ucs-cta-card-button .elementor-button { padding: 16px 40px !important; }
/* ---------- Hero eyebrow specificity fix (matches Post 846 pattern) ---------- */
.ucs-area-hero .ucs-area-eyebrow .elementor-heading-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.10em; text-transform: uppercase; color: var(--ucs-blue) !important; }/* End custom CSS */