.elementor-47112 .elementor-element.elementor-element-9a6d127{--spacer-size:25px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f1e8b3c *//* =========================================================
   CONTENEDOR GENERAL
========================================================= */

.cf-menu-carrera{
  width:100%;
  background:#ffffff;
}


/* =========================================================
   MENÚ PRINCIPAL
========================================================= */

.cf-tabs-menu{
  width:100%;
  max-width:1250px;

  margin:0 auto 30px;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  background:#ffffff;

  border:1px solid #ededed;
  border-radius:12px;

  box-shadow:
    0 8px 24px rgba(0,0,0,.06);

  overflow:visible;
}


/* BOTONES */

.cf-tab-btn{
  position:relative;

  min-height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:11px;

  padding:0 20px;

  border:none;
  border-right:1px solid #ececec;

  background:#ffffff;

  color:#292929;

  font-family:inherit;
  font-size:13px;
  font-weight:700;

  cursor:pointer;

  transition:.25s ease;
}


.cf-tab-btn:first-child{
  border-radius:11px 0 0 11px;
}


.cf-tab-btn:last-child{
  border-right:none;

  border-radius:0 11px 11px 0;
}


/* ICONOS */

.cf-tab-btn i{
  color:#444;

  font-size:16px;

  transition:.25s ease;
}


/* HOVER */

.cf-tab-btn:hover{
  color:#b00000;

  background:#fffafa;
}


.cf-tab-btn:hover i{
  color:#b00000;
}


/* ACTIVO */

.cf-tab-btn.active{
  color:#ffffff;

  background:#c90000;

  border-color:#c90000;

  box-shadow:
    0 5px 16px rgba(190,0,0,.17);

  z-index:3;
}


.cf-tab-btn.active i{
  color:#ffffff;
}


/* LÍNEA ACTIVA */

.cf-tab-btn.active::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:-9px;

  transform:translateX(-50%);

  width:34px;
  height:3px;

  background:#d00000;

  border-radius:20px;
}



/* =========================================================
   CONTENIDO DE PESTAÑAS
========================================================= */

.cf-tab-panel{
  display:none;
}


.cf-tab-panel.active{
  display:block;

  animation:
    cfTabFade .35s ease;
}


@keyframes cfTabFade{

  from{
    opacity:0;
    transform:translateY(8px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}



/* =========================================================
   SOBRE TU CARRERA
========================================================= */

.cf-sobre{
  max-width:1250px;

  margin:0 auto;

  padding:60px 25px 75px;
}


.cf-sobre-header{
  max-width:760px;

  margin:0 auto 45px;

  text-align:center;
}


.cf-sobre-header > span,
.cf-campo-header > span{
  display:block;

  margin-bottom:10px;

  color:#b00000;

  font-size:11px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:2px;
}


.cf-sobre-header h2,
.cf-campo-header h2{
  margin:0 0 15px;

  color:#151515;

  font-size:36px;
  font-weight:800;

  line-height:1.2;
}


.cf-sobre-header h2::after,
.cf-campo-header h2::after{
  content:"";

  display:block;

  width:55px;
  height:3px;

  margin:17px auto 0;

  background:#b00000;

  border-radius:20px;
}


.cf-sobre-header p,
.cf-campo-header p{
  max-width:660px;

  margin:0 auto;

  color:#666;

  font-size:14px;

  line-height:1.75;
}



/* =========================================================
   CARDS SOBRE TU CARRERA
========================================================= */

.cf-sobre-datos{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:22px;

  margin-bottom:75px;
}


.cf-sobre-card{
  min-height:155px;

  display:grid;

  grid-template-columns:
    65px 1fr;

  gap:18px;

  align-items:center;

  padding:28px;

  background:#ffffff;

  border:1px solid #ebebeb;

  border-radius:17px;

  box-shadow:
    0 12px 32px rgba(0,0,0,.05);

  transition:.3s ease;
}


.cf-sobre-card:hover{
  transform:translateY(-5px);

  border-color:
    rgba(176,0,0,.15);

  box-shadow:
    0 18px 40px rgba(0,0,0,.08);
}


.cf-sobre-icon{
  width:58px;
  height:58px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#b00000;

  background:#fff0f0;

  border-radius:50%;

  font-size:22px;
}


.cf-sobre-card span{
  display:block;

  margin-bottom:7px;

  color:#b00000;

  font-size:11px;
  font-weight:800;
}


.cf-sobre-card h3{
  margin:0;

  color:#222;

  font-size:15px;
  font-weight:700;

  line-height:1.45;
}



/* =========================================================
   CAMPO LABORAL
========================================================= */

.cf-campo-header{
  max-width:700px;

  margin:0 auto 35px;

  text-align:center;
}


.cf-campo-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:16px;
}


.cf-campo-item{
  min-height:145px;

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  gap:16px;

  padding:25px;

  background:#fafafa;

  border:1px solid #eeeeee;

  border-radius:14px;

  text-align:center;

  transition:.3s ease;
}


.cf-campo-item:hover{
  background:#fff5f5;

  transform:translateY(-4px);
}


.cf-campo-item i{
  color:#b00000;

  font-size:28px;
}


.cf-campo-item span{
  color:#333;

  font-size:13px;
  font-weight:700;

  line-height:1.45;
}



/* =========================================================
   OBJETIVOS ACADÉMICOS
========================================================= */

.cf-objetivos{
  max-width:1120px;

  margin:0 auto;

  padding:60px 25px 75px;
}


.cf-objetivos-header{
  max-width:760px;

  margin-bottom:45px;
}


.cf-objetivos-header span{
  color:#b00000;

  font-size:11px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:2px;
}


.cf-objetivos-header h2{
  margin:9px 0 15px;

  color:#161616;

  font-size:36px;
  font-weight:800;

  line-height:1.2;
}


.cf-objetivos-header h2::after{
  content:"";

  display:block;

  width:55px;
  height:3px;

  margin-top:17px;

  background:#b00000;

  border-radius:20px;
}


.cf-objetivos-header p{
  max-width:720px;

  margin:0;

  color:#666;

  font-size:14px;

  line-height:1.75;
}


/* LISTA */

.cf-objetivos-list{
  position:relative;

  display:grid;

  gap:16px;
}


.cf-objetivos-list::before{
  content:"";

  position:absolute;

  left:31px;

  top:50px;
  bottom:50px;

  width:1px;

  background:#ecd0d0;
}


/* OBJETIVO */

.cf-objetivo{
  position:relative;

  display:grid;

  grid-template-columns:
    63px 60px 1fr;

  gap:18px;

  align-items:center;

  min-height:125px;

  padding:24px 28px;

  background:#ffffff;

  border:1px solid #ececec;

  border-radius:16px;

  box-shadow:
    0 10px 28px rgba(0,0,0,.045);

  transition:.3s ease;
}


.cf-objetivo:hover{
  transform:translateX(6px);

  border-color:
    rgba(176,0,0,.16);
}


.cf-objetivo-num{
  position:relative;

  z-index:2;

  width:48px;
  height:48px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#ffffff;

  background:#b00000;

  border-radius:50%;

  font-size:13px;
  font-weight:900;
}


.cf-objetivo-icon{
  width:52px;
  height:52px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#b00000;

  background:#fff1f1;

  border-radius:50%;

  font-size:19px;
}


.cf-objetivo-info h3{
  margin:0 0 7px;

  color:#b00000;

  font-size:16px;
  font-weight:800;
}


.cf-objetivo-info p{
  margin:0;

  color:#555;

  font-size:13px;

  line-height:1.7;
}



/* =========================================================
   CIERRE OBJETIVOS
========================================================= */

.cf-objetivo-cierre{
  margin-top:35px;

  display:grid;

  grid-template-columns:
    65px 1fr;

  gap:20px;

  align-items:center;

  padding:28px;

  background:
    linear-gradient(
      135deg,
      #fff1f1,
      #ffffff
    );

  border:1px solid #f0dddd;

  border-radius:16px;
}


.cf-cierre-icon{
  width:58px;
  height:58px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#b00000;

  background:#ffffff;

  border-radius:50%;

  font-size:23px;
}


.cf-objetivo-cierre span{
  display:block;

  margin-bottom:7px;

  color:#b00000;

  font-size:14px;
  font-weight:800;
}


.cf-objetivo-cierre p{
  margin:0;

  color:#555;

  font-size:13px;

  line-height:1.65;
}



/* =========================================================
   CURRÍCULO
========================================================= */

.cf-curriculo{
  max-width:1250px;

  margin:0 auto;

  padding:60px 25px 75px;
}


.cf-curriculo-header{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:45px;

  margin-bottom:35px;
}


.cf-curriculo-header > div:first-child{
  max-width:720px;
}


.cf-curriculo-header
> div:first-child
> span{
  color:#b00000;

  font-size:11px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:2px;
}


.cf-curriculo-header h2{
  margin:9px 0 14px;

  color:#171717;

  font-size:36px;
  font-weight:800;

  line-height:1.2;
}


.cf-curriculo-header p{
  margin:0;

  color:#666;

  font-size:14px;

  line-height:1.75;
}



/* =========================================================
   10 CICLOS
========================================================= */

.cf-curriculo-stat{
  min-width:190px;

  display:flex;

  align-items:center;

  gap:15px;

  padding:20px 24px;

  background:#fff2f2;

  border-radius:15px;
}


.cf-curriculo-stat i{
  color:#b00000;

  font-size:25px;
}


.cf-curriculo-stat strong{
  display:block;

  color:#b00000;

  font-size:19px;
}


.cf-curriculo-stat span{
  color:#666;

  font-size:12px;
}



/* =========================================================
   MODALIDADES
========================================================= */

.cf-modalidades{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:14px;

  margin-bottom:28px;
}


.cf-modalidad{
  min-height:48px;

  padding:12px 20px;

  border:1px solid #eeeeee;

  border-radius:10px;

  color:#333;

  background:#f5f5f5;

  font-family:inherit;

  font-size:13px;
  font-weight:700;

  cursor:pointer;

  transition:.25s ease;
}


.cf-modalidad:hover{
  color:#b00000;

  background:#fff5f5;

  border-color:#efd1d1;
}


.cf-modalidad.active{
  color:#ffffff;

  background:#b00000;

  border-color:#b00000;

  box-shadow:
    0 6px 17px
    rgba(176,0,0,.13);
}



/* =========================================================
   PLANES
========================================================= */

.cf-plan-panel{
  display:none;
}


.cf-plan-panel.active{
  display:block;

  animation:
    cfPlanFade .3s ease;
}


@keyframes cfPlanFade{

  from{
    opacity:0;
    transform:translateY(6px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}



/* =========================================================
   INTRO PLAN
========================================================= */

.cf-plan-intro{
  margin-bottom:25px;

  padding:22px 25px;

  background:#fafafa;

  border-left:
    4px solid #b00000;

  border-radius:
    0 12px 12px 0;
}


.cf-plan-intro span{
  display:block;

  margin-bottom:5px;

  color:#b00000;

  font-size:10px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:1.3px;
}


.cf-plan-intro h3{
  margin:0 0 6px;

  color:#222;

  font-size:19px;
  font-weight:800;
}


.cf-plan-intro p{
  max-width:800px;

  margin:0;

  color:#666;

  font-size:13px;

  line-height:1.65;
}



/* =========================================================
   DESCARGA PDF
========================================================= */

.cf-download-bar{
  width:100%;

  margin:0 0 28px;

  padding:16px 18px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:18px;

  background:#ffffff;

  border:1px solid #ececec;

  border-left:
    4px solid #b00000;

  border-radius:10px;

  box-shadow:
    0 8px 24px rgba(0,0,0,.04);
}


.cf-download-left{
  display:flex;

  align-items:center;

  gap:12px;

  color:#333;

  font-size:13px;
  font-weight:700;
}


.cf-download-icon{
  width:42px;
  height:42px;

  flex-shrink:0;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#b00000;

  background:#fff1f1;

  border-radius:50%;

  font-size:17px;
}


.cf-download-btn{
  min-height:42px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:8px;

  padding:0 17px;

  color:#ffffff !important;

  background:#b00000;

  border-radius:8px;

  text-decoration:none !important;

  font-size:12px;
  font-weight:800;

  white-space:nowrap;

  transition:.25s ease;
}


.cf-download-btn:hover{
  color:#ffffff !important;

  background:#8e0000;

  transform:translateY(-2px);

  box-shadow:
    0 7px 18px
    rgba(176,0,0,.18);
}



/* =========================================================
   CONTENEDOR DE CICLOS
========================================================= */

.cf-ciclos{
  display:grid;

  gap:10px;
}



/* =========================================================
   ACORDEÓN DE CADA CICLO
========================================================= */

.cf-ciclo{
  width:100%;

  overflow:hidden;

  background:#ffffff;

  border:1px solid #e9e9e9;

  border-radius:11px;

  box-shadow:
    0 3px 12px
    rgba(0,0,0,.025);

  transition:.25s ease;
}


.cf-ciclo:hover{
  border-color:#e1cccc;
}


/* TÍTULO DEL CICLO */

.cf-ciclo summary{
  min-height:58px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:0 20px;

  list-style:none;

  cursor:pointer;

  color:#252525;

  background:#ffffff;

  font-size:13px;
  font-weight:700;

  transition:.25s ease;
}


.cf-ciclo summary::-webkit-details-marker{
  display:none;
}


.cf-ciclo summary::marker{
  display:none;
}


/* NÚMERO DEL CICLO */

.cf-ciclo summary strong{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-width:32px;
  height:32px;

  margin-right:11px;

  color:#b00000;

  background:#fff0f0;

  border-radius:50%;

  font-size:11px;
  font-weight:900;
}


/* FLECHA */

.cf-ciclo summary i{
  color:#8a8a8a;

  font-size:12px;

  transition:
    transform .25s ease,
    color .25s ease;
}


/* CICLO ABIERTO */

.cf-ciclo[open]{
  border-color:#ead4d4;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.04);
}


.cf-ciclo[open] summary{
  color:#b00000;

  background:#fffafa;

  border-bottom:
    1px solid #eeeeee;
}


.cf-ciclo[open] summary i{
  color:#b00000;

  transform:rotate(180deg);
}



/* =========================================================
   CONTENIDO DEL CICLO
========================================================= */

.cf-ciclo-content{
  padding:20px;

  color:#555;

  font-size:13px;

  line-height:1.65;
}



/* =========================================================
   ESPECIALIDADES
========================================================= */

.cf-especialidad{
  margin:
    8px 0 18px;

  padding:
    11px 16px;

  color:#8f0000;

  background:#fff4f4;

  border:
    1px solid #efdcdc;

  border-radius:8px;

  font-size:11px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:.8px;
}



/* =========================================================
   TABLAS
========================================================= */

.cf-table-wrap{
  width:100%;

  overflow-x:auto;

  border:
    1px solid #e8e8e8;

  border-radius:10px;

  background:#ffffff;
}


.cf-table{
  width:100%;

  min-width:920px;

  border-collapse:collapse;

  border-spacing:0;

  background:#ffffff;

  font-size:12px;

  table-layout:auto;
}


/* CABECERA */

.cf-table thead{
  background:#b00000;
}


.cf-table th{
  padding:12px 13px;

  color:#ffffff;

  background:#b00000;

  border-right:
    1px solid rgba(255,255,255,.15);

  border-bottom:none;

  font-size:11px;
  font-weight:800;

  line-height:1.3;

  text-align:left;

  vertical-align:middle;

  white-space:nowrap;
}


.cf-table th:last-child{
  border-right:none;
}



/* CELDAS */

.cf-table td{
  padding:12px 13px;

  color:#444;

  background:#ffffff;

  border-right:
    1px solid #eeeeee;

  border-bottom:
    1px solid #eeeeee;

  font-size:11.5px;

  line-height:1.5;

  vertical-align:middle;
}


.cf-table td:last-child{
  border-right:none;
}


.cf-table tbody tr:last-child td{
  border-bottom:none;
}



/* =========================================================
   ANCHOS DE COLUMNAS
========================================================= */

.cf-table th:nth-child(1),
.cf-table td:nth-child(1){
  width:120px;

  white-space:nowrap;
}


.cf-table th:nth-child(2),
.cf-table td:nth-child(2){
  min-width:260px;
}


.cf-table th:nth-child(3),
.cf-table td:nth-child(3){
  width:80px;

  text-align:center;
}


.cf-table th:nth-child(4),
.cf-table td:nth-child(4),
.cf-table th:nth-child(5),
.cf-table td:nth-child(5){
  width:55px;

  text-align:center;
}


.cf-table th:nth-child(6),
.cf-table td:nth-child(6){
  min-width:240px;
}


.cf-table th:nth-child(7),
.cf-table td:nth-child(7){
  width:115px;

  text-align:center;

  font-weight:700;

  white-space:nowrap;
}



/* =========================================================
   FILAS ALTERNAS
========================================================= */

.cf-table tbody tr:nth-child(even):not(.cf-virtual){
  background:#fafafa;
}


.cf-table tbody tr:nth-child(even):not(.cf-virtual) td{
  background:#fafafa;
}



/* =========================================================
   HOVER TABLA
========================================================= */

.cf-table tbody tr{
  transition:.2s ease;
}


.cf-table tbody tr:not(.cf-virtual):hover td{
  background:#f6f6f6;
}



/* =========================================================
   CURSOS VIRTUALES
========================================================= */

/*
   En lugar de rojo claro en toda la fila,
   usamos gris azulado muy suave.
*/

.cf-table .cf-virtual td,
.cf-table tr.cf-virtual td{
  background:#f2f4f6;

  color:#444;
}


/* Nombre del curso virtual */

.cf-table .cf-virtual td:nth-child(2),
.cf-table tr.cf-virtual td:nth-child(2){
  color:#9d0000;

  font-weight:600;
}


/* Modalidad virtual */

.cf-table .cf-virtual td:last-child,
.cf-table tr.cf-virtual td:last-child{
  color:#b00000;

  font-weight:900;
}



/* =========================================================
   MODALIDAD PRESENCIAL
========================================================= */

.cf-table tbody tr:not(.cf-virtual)
td:last-child{
  color:#333;

  font-size:10.5px;

  font-weight:800;
}



/* =========================================================
   TOTAL POR CICLO
========================================================= */

.cf-ciclo-total{
  margin-top:16px;

  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:7px;

  padding:
    11px 15px;

  color:#555;

  background:#f7f7f7;

  border:
    1px solid #eeeeee;

  border-radius:8px;

  font-size:12px;
}


.cf-ciclo-total strong{
  color:#b00000;

  font-size:14px;
}



/* =========================================================
   RESUMEN TOTAL DE CRÉDITOS
========================================================= */

.cf-total-plan{
  margin-top:35px;

  padding:28px;

  background:#ffffff;

  border:
    1px solid #e9e9e9;

  border-radius:15px;

  box-shadow:
    0 10px 30px
    rgba(0,0,0,.04);
}


.cf-total-header{
  margin-bottom:22px;
}


.cf-total-header > span{
  display:block;

  color:#b00000;

  font-size:10px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:1.5px;
}


.cf-total-header h3{
  margin:
    5px 0 7px;

  color:#222;

  font-size:21px;
  font-weight:800;
}


.cf-total-header p{
  max-width:720px;

  margin:0;

  color:#666;

  font-size:13px;

  line-height:1.65;
}



/* TABLA RESUMEN */

.cf-table-total{
  min-width:600px;
}


.cf-table-total th:first-child{
  width:auto;
}


.cf-table-total th:last-child,
.cf-table-total td:last-child{
  width:230px;

  text-align:center;
}


.cf-table-total td{
  font-size:12px;
}


/* TOTAL DESTACADO */

.cf-total-highlight td{
  color:#8c0000 !important;

  background:#fff1f1 !important;

  font-weight:800;
}


.cf-total-highlight strong{
  color:#b00000 !important;
}



/* =========================================================
   RESUMEN VISUAL FINAL
========================================================= */

.cf-creditos-box{
  margin-top:30px;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:30px;

  padding:28px;

  background:
    linear-gradient(
      135deg,
      #fff1f1,
      #ffffff
    );

  border:
    1px solid #f1dddd;

  border-radius:15px;
}


.cf-creditos-box
> div:first-child{
  max-width:720px;
}


.cf-creditos-box
> div:first-child
> span{
  display:block;

  color:#b00000;

  font-size:10px;
  font-weight:900;

  text-transform:uppercase;

  letter-spacing:1px;
}


.cf-creditos-box h3{
  margin:
    6px 0 7px;

  color:#222;

  font-size:19px;

  font-weight:800;
}


.cf-creditos-box p{
  margin:0;

  color:#555;

  font-size:13px;

  line-height:1.65;
}



/* NÚMERO 223 */

.cf-creditos-num{
  min-width:145px;

  padding:
    17px 20px;

  text-align:center;

  color:#555;

  background:#ffffff;

  border:
    1px solid #efdcdc;

  border-radius:12px;

  font-size:11px;
  font-weight:700;
}


.cf-creditos-num strong{
  display:block;

  margin-bottom:2px;

  color:#b00000;

  font-size:42px;
  font-weight:900;

  line-height:1;
}



/* =========================================================
   SCROLL DE TABLAS
========================================================= */

.cf-table-wrap::-webkit-scrollbar{
  height:8px;
}


.cf-table-wrap::-webkit-scrollbar-track{
  background:#f2f2f2;

  border-radius:20px;
}


.cf-table-wrap::-webkit-scrollbar-thumb{
  background:#cfcfcf;

  border-radius:20px;
}


.cf-table-wrap::-webkit-scrollbar-thumb:hover{
  background:#b00000;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

  .cf-table{
    min-width:900px;
  }


  .cf-sobre-header h2,
  .cf-campo-header h2,
  .cf-objetivos-header h2,
  .cf-curriculo-header h2{
    font-size:31px;
  }

}



/* =========================================================
   CELULAR
========================================================= */

@media(max-width:800px){

  /* MENÚ */

  .cf-tabs-menu{
    grid-template-columns:1fr;

    overflow:hidden;

    border-radius:10px;
  }


  .cf-tab-btn{
    justify-content:flex-start;

    min-height:54px;

    padding:0 20px;

    border-right:none;

    border-bottom:
      1px solid #eeeeee;

    border-radius:0 !important;
  }


  .cf-tab-btn:last-child{
    border-bottom:none;
  }


  .cf-tab-btn.active::after{
    display:none;
  }


  /* SOBRE TU CARRERA */

  .cf-sobre{
    padding:
      45px 18px 60px;
  }


  .cf-sobre-datos,
  .cf-campo-grid{
    grid-template-columns:1fr;
  }


  .cf-sobre-card{
    min-height:auto;
  }


  /* OBJETIVOS */

  .cf-objetivos{
    padding:
      45px 18px 60px;
  }


  .cf-objetivos-list::before{
    display:none;
  }


  .cf-objetivo{
    grid-template-columns:
      50px 1fr;

    padding:20px;
  }


  .cf-objetivo-icon{
    display:none;
  }


  .cf-objetivo-cierre{
    grid-template-columns:1fr;
  }


  /* CURRÍCULO */

  .cf-curriculo{
    padding:
      45px 15px 60px;
  }


  .cf-curriculo-header{
    flex-direction:column;

    align-items:flex-start;

    gap:22px;
  }


  .cf-curriculo-stat{
    min-width:100%;

    width:100%;
  }


  .cf-modalidades{
    grid-template-columns:1fr;
  }


  /* INTRO */

  .cf-plan-intro{
    padding:18px;
  }


  /* DESCARGA */

  .cf-download-bar{
    flex-direction:column;

    align-items:flex-start;
  }


  .cf-download-btn{
    width:100%;
  }


  /* CICLOS */

  .cf-ciclo summary{
    min-height:54px;

    padding:0 15px;

    font-size:12px;
  }


  .cf-ciclo-content{
    padding:13px;
  }


  /* TABLAS */

  .cf-table{
    min-width:850px;

    font-size:11px;
  }


  .cf-table th,
  .cf-table td{
    padding:
      10px 11px;
  }


  /* TOTAL */

  .cf-total-plan{
    padding:18px;
  }


  .cf-creditos-box{
    flex-direction:column;

    align-items:stretch;
  }


  .cf-creditos-num{
    width:100%;
  }

}



/* =========================================================
   CELULARES PEQUEÑOS
========================================================= */

@media(max-width:480px){

  .cf-sobre-header h2,
  .cf-campo-header h2,
  .cf-objetivos-header h2,
  .cf-curriculo-header h2{
    font-size:27px;
  }


  .cf-sobre-card{
    grid-template-columns:
      52px 1fr;

    padding:20px;
  }


  .cf-sobre-icon{
    width:48px;
    height:48px;

    font-size:18px;
  }


  .cf-objetivo{
    grid-template-columns:
      42px 1fr;

    gap:12px;

    padding:17px;
  }


  .cf-objetivo-num{
    width:40px;
    height:40px;
  }


  .cf-table{
    min-width:800px;
  }

}/* End custom CSS */