/*Importamos Fuentes, Mixins y Variables*/
@font-face { font-family: 'AncizarSans-Bold'; src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.svg#AncizarSans-Bold") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-BoldItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.svg#AncizarSans-BoldItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Black'; src: url("../fonts/Ancizar-Sans/AncizarSans-Black.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Black.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Black.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Black.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Black.svg#AncizarSans-Black") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Black.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-BlackItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.svg#AncizarSans-BlackItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Light'; src: url("../fonts/Ancizar-Sans/AncizarSans-Light.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Light.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Light.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Light.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Light.svg#AncizarSans-Light") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Light.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-LightItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.svg#AncizarSans-LightItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Regular'; src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.svg#AncizarSans-Regular") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-RegularItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.svg#AncizarSans-RegularItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Thin'; src: url("../fonts/Ancizar-Sans/AncizarSans-Thin.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Thin.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.svg#AncizarSans-Thin") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-webkit-keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
/* Colors */
/* Fonts */
/* Fonts sizes */
body { background: transparent !important; overflow-x: hidden; }

h1, .h1, h2, .h2, h3, .h3, h4 .h4, h5, .h6 { font-weight: inherit !important; }

#main-container { /* Distancia arriba para ver bien el footer */ padding: 25px 0; }

main { color: #58595b; font-family: "AncizarSans-Regular", Tahoma, Geneva, sans-serif; overflow: hidden !important; padding-bottom: 0 !important; }
main::after { clear: both; content: ""; display: block; }

.ccm-block-type-form, .ccm-block-express-form { float: left; margin-top: 0px; padding: 0 80px 60px 80px; width: calc(100% / 1.5); }
.ccm-block-type-form form, .ccm-block-express-form form { width: 100%; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset, .ccm-block-express-form form .ccm-dashboard-express-form fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group { margin-bottom: 30px; width: 100%; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .control-label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .control-label { font-family: "AncizarSans-Bold", sans-serif; font-size: 20px; font-weight: inherit; line-height: 1.2; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .text-muted, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .text-muted { display: inline-block; position: relative; visibility: hidden; width: 10px; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .text-muted::after, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .text-muted::after { color: #dc3545; content: '*'; left: 0; position: absolute; top: -5px; visibility: visible; font-size: 18px; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .radio label, .ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .radio label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 19px; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .radio label input, .ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label input, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .radio label input, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label input { margin-top: -2px; }
.ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group textarea, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group textarea { margin-top: 5px; resize: none; }
.ccm-block-type-form form .form-actions button, .ccm-block-express-form form .form-actions button { background-color: #008783; border: none; border-radius: 0; color: #fff; display: inline-block; font-family: "AncizarSans-BoldItalic", sans-serif; font-size: 22px; margin-bottom: 20px; padding: 10px 25px; text-transform: uppercase; }

div.ccm-page hr { margin: 50px 0 !important; }
div.ccm-page main a:not(.fa):not(.btn),
div.ccm-page footer a:not(.fa):not(.btn) {
  color: #20313d !important;
  
  /* font-size: 1.4rem;  */
  /*esto maneja el tamano de los links de todos los botones, incluido el de los banners amarillos, modificar con !important alle en el archivo del banner*/
  /* padding-left: 1.5rem; */
}

div.ccm-page div.area-content-accent { margin: 0 !important; background-color: transparent !important; padding: 0 !important; }

#right-sidebar .header, #right-sidebar .page-header, #extension-page .header, #extension-page .page-header, #left-sidebar-full .header, #left-sidebar-full .page-header, #peec-page .header, #peec-page /*.page-header*/ { margin-bottom: 6rem; }
#right-sidebar .page-content, #extension-page .page-content, #left-sidebar-full .page-content, #peec-page .page-content { margin-bottom: 5rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; gap: 2em 3em; grid-auto-flow: row dense; grid-template-areas: "main-content main-content main-content main-content main-content main-content sidebar-menu sidebar-menu sidebar-menu" "main-content main-content main-content main-content main-content main-content sidebar-content sidebar-content sidebar-content"; }
#right-sidebar .main-content, #extension-page .main-content, #left-sidebar-full .main-content, #peec-page .main-content { display:none; grid-area: main-content; padding: 0 7rem 3rem; }
#right-sidebar .full-content, #extension-page .full-content, #left-sidebar-full .full-content, #peec-page .full-content { grid-area: full-content; /*padding: 0 7rem;*/ grid-area: 2 / 1 / 5 / 10; }
#right-sidebar .sidebar-menu, #extension-page .sidebar-menu, #left-sidebar-full .sidebar-menu, #peec-page .sidebar-menu { display:none; grid-area: sidebar-menu; padding: 0 7rem 0 0; margin-bottom: 3rem; }
#right-sidebar .sidebar-content, #extension-page .sidebar-content, #left-sidebar-full .sidebar-content, #peec-page .sidebar-content { grid-area: sidebar-content; padding: 0 7rem 3rem 0; }
#right-sidebar .sidebar-content > *, #extension-page .sidebar-content > *, #left-sidebar-full .sidebar-content > *, #peec-page .sidebar-content > * { margin-bottom: 5rem; display: block; }
#right-sidebar .sidebar-content > *:last-child, #extension-page .sidebar-content > *:last-child, #left-sidebar-full .sidebar-content > *:last-child, #peec-page .sidebar-content > *:last-child { margin-bottom: 0; }

/*para revertir los cambios al modelo original ver la carpeta C:\Users\Usuario\Documents\Descargas-servidor\December 2024/sesquicentenario */
#peec-page .page-content { grid-template-areas: "main-content main-content main-content main-content main-content main-content sidebar-content sidebar-content sidebar-content"; }
#peec-page .page-content .sidebar-content { display:none; margin-top: 1em; }
#peec-page .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-top: 0; padding-bottom: 0; }
#peec-page .page-header .submenu { width: 20%; background-color: #E0E1E2; display: none; }
#peec-page .page-header .header { width: 100%; margin: 0; }
/* #peec-page .page-breadcrumbs { margin: 1em 7rem 2em !important; padding-bottom: 1em; border-bottom: 1px solid #E0E1E2; } */
#peec-page .page-breadcrumbs { margin: 2em 0 2em 4rem !important; font-size: 1.5rem !important; font-family: inherit !important; }

#peec-page .page-breadcrumbs .breadcrumb-link { position: relative; color: #20313d ; font-family: inherit; font-size: 1.2em; }
/* #peec-page .page-breadcrumbs .breadcrumb-link::after { content: '/' !important; margin: 0 0.5em !important;} */
#peec-page .page-breadcrumbs .breadcrumb-link:last-child::after { display: none; }

#extension-page .page-content { margin-bottom: 0; }

#item-detail-page { min-height: 70vh; margin-bottom: 5rem; padding: 6em 10em; display: grid; grid-auto-flow: row dense; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 2em 3em; grid-template-areas: "left-content left-content left-content right-content right-content right-content right-content right-content right-content"; }
#item-detail-page .left-content { grid-area: left-content; }
#item-detail-page .right-content { grid-area: right-content; }
#item-detail-page .right-content > * { margin-bottom: 5rem; }
#item-detail-page .right-content div .ccm-area-block-list > .block { margin-bottom: 4rem; }

#left-sidebar-full .page-content { margin-bottom: 5rem; display: grid; grid-template-columns: repeat(11, 1fr); grid-template-rows: repeat(1, 1fr); }
#left-sidebar-full .page-content .left-menu { grid-area: 1 / 1 / 2 / 3; }
#left-sidebar-full .page-content .main-content { display: grid; grid-area: 1 / 3 / 4/ 12; }
#left-sidebar-full .page-content .right-submenu { grid-area: 1 / 9 / 2 / 12; }
#left-sidebar-full .page-content .internal-content { grid-area: 1 / 3 / 2 / 9; margin-right: 7rem; }
#left-sidebar-full .page-content .full-content { grid-area: 2 / 3 / 3 / 12; }

@media screen and (max-width: 40em) { .ccm-block-type-form, .ccm-block-express-form { margin-top: 25px; width: 100%; padding: 0 25px 50px; }
  .ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .control-label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .control-label { font-size: 17px; display: inline; }
  .ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .radio label, .ccm-block-type-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .radio label, .ccm-block-express-form form .ccm-dashboard-express-form fieldset .form-group .checkbox label { font-size: 16px; }
  .form-control { margin-top: 10px; }
  #right-sidebar .header, #extension-page .header, #peec-page .header { margin-bottom: 0; }
  #right-sidebar .page-breadcrumbs, #extension-page .page-breadcrumbs, #peec-page .page-breadcrumbs { margin: 3rem 3rem 1rem; }
  #right-sidebar .page-header, #extension-page .page-header, #peec-page .page-header { display: unset; }
  #right-sidebar .page-header .submenu, #extension-page .page-header .submenu, #peec-page .page-header .submenu { width: 100%; }
  #right-sidebar .page-content, #extension-page .page-content, #peec-page .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; }
  #right-sidebar .page-content .sidebar-menu, #extension-page .page-content .sidebar-menu, #peec-page .page-content .sidebar-menu { padding: 0; margin-bottom: 0; }
  #right-sidebar .page-content .main-content, #extension-page .page-content .main-content, #peec-page .page-content .main-content { margin: 3rem 0; padding: 0 2.5rem; }
  #right-sidebar .page-content .sidebar-content, #extension-page .page-content .sidebar-content, #peec-page .page-content .sidebar-content { padding: 0 2.5rem; }

  #peec-page:first-child {
    
      justify-content: center; /* Centra contenido en línea o inline-block */
    align-items: center;
    
    
      display: inline-block; /* Asegúrate de que el hijo sea inline-block */
    
    
  }

  #peec-page .page-header {




    /*
    overflow-x: hidden; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: reverse; */
    /*-ms-flex-direction: column-reverse; */
    /*flex-direction: column-reverse; 

    height: 68%;
    width: 75%;
    padding-left: 22%;
*/


  }
  #peec-page .page-header .header { 
    width: 100%; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: reverse; 
    -ms-flex-direction: column-reverse; 
    flex-direction: column-reverse; 
  }
  #peec-page .full-content { padding: 0 0rem; /*margin-top: 2rem;*/ }
  #item-detail-page { margin: 3rem 0; padding: 0 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media screen and (max-width: 768px) { 
  /* #peec-page .page-breadcrumbs { display:none !important; } */
  /* #peec-page .page-breadcrumbs .breadcrumb-link { display: none !important; } */

}



  /* Definición de iconos */
  /*
.icon-facebook {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Facebook.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display:  inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-graduate {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Graduate.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-hand {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Hand.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-instagram {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Instagram.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-languages {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Languagues.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-message {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Message.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-phone {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Phone.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-talking {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Talking.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

.icon-whatsapp {
  background-image: url('/2026/extensioncopia/application/themes/sesquicentenario/images/Iconos PEEC nuevo diseno Oct 2024/Whatsapp.png');
  background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #5344b9;
  background-color: transparent;

border: 1px solid #000;

}

*/