@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Raleway:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?6scplx");
    src: url("../fonts/icomoon.eot?6scplx#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?6scplx") format("truetype"), url("../fonts/icomoon.woff?6scplx") format("woff"), url("../fonts/icomoon.svg?6scplx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^=i-],
[class*=" i-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-accesibilidad:before {
    content: ""
}

.i-accesibilidad-menos:before {
    content: ""
}

.i-accesibilidad-mas:before {
    content: ""
}

.i-accesibilidad-contraste:before {
    content: ""
}

.i-accesibilidad-subrayar:before {
    content: ""
}

.i-accesibilidad-enlaces:before {
    content: ""
}

.i-btn-down:before {
    content: ""
}

.i-arrow_down:before {
    content: ""
}

.i-arrow_left:before {
    content: ""
}

.i-arrow_right:before {
    content: ""
}

.i-arrow_up:before {
    content: ""
}

.i-arrow_back:before {
    content: ""
}

.i-arrow_forward:before {
    content: ""
}

.i-clear:before {
    content: ""
}

.i-home:before {
    content: ""
}

.i-home2:before {
    content: ""
}

.i-home3:before {
    content: ""
}

.i-bottom-link:before {
    content: ""
}

.i-scanner:before {
    content: ""
}

.i-individual:before {
    content: ""
}

.i-office:before {
    content: ""
}

.i-newspaper:before {
    content: ""
}

.i-external:before {
    content: ""
}

.i-pencil:before {
    content: ""
}

.i-grupal:before {
    content: ""
}

.i-mail:before {
    content: ""
}

.i-btn-externo:before {
    content: ""
}

.i-btn-inclusion:before {
    content: ""
}

.i-btn-mas:before {
    content: ""
}

.i-btn-mesa:before {
    content: ""
}

.i-btn-mesa-de-ayuda:before {
    content: ""
}

.i-btn-origenes:before {
    content: ""
}

.i-pencil2:before {
    content: ""
}

.i-quill:before {
    content: ""
}

.i-chevron-left:before {
    content: ""
}

.i-chevron-right:before {
    content: ""
}

.i-pen:before {
    content: ""
}

.i-blog:before {
    content: ""
}

.i-eyedropper:before {
    content: ""
}

.i-btn-pencil:before {
    content: ""
}

.i-btn-procedimientos:before {
    content: ""
}

.i-btn-prueba:before {
    content: ""
}

.i-btn-triangle:before {
    content: ""
}

.i-btn-secretarias:before {
    content: ""
}

.i-btn-solicitud-material:before {
    content: ""
}

.i-btn-solicitud-nombre:before {
    content: ""
}

.i-btn-solicitudes:before {
    content: ""
}

.i-btn-tablas:before {
    content: ""
}

.i-btn-tablas-comparativas:before {
    content: ""
}

.i-btn-tablas-puntajes:before {
    content: ""
}

.i-btn-universidades:before {
    content: ""
}

.i-btn-videotutoriales:before {
    content: ""
}

.i-droplet:before {
    content: ""
}

.i-btn-up:before {
    content: ""
}

.i-btn-left:before {
    content: ""
}

.i-btn-right1:before {
    content: ""
}

.i-btn-lupita:before {
    content: ""
}

.i-paint-format:before {
    content: ""
}

.i-image:before {
    content: ""
}

.i-images:before {
    content: ""
}

.i-camera:before {
    content: ""
}

.i-headphones:before {
    content: ""
}

.i-music:before {
    content: ""
}

.i-play:before {
    content: ""
}

.i-film:before {
    content: ""
}

.i-video-camera:before {
    content: ""
}

.i-dice:before {
    content: ""
}

.i-pacman:before {
    content: ""
}

.i-spades:before {
    content: ""
}

.i-clubs:before {
    content: ""
}

.i-diamonds:before {
    content: ""
}

.i-bullhorn:before {
    content: ""
}

.i-connection:before {
    content: ""
}

.i-podcast:before {
    content: ""
}

.i-feed:before {
    content: ""
}

.i-mic:before {
    content: ""
}

.i-book:before {
    content: ""
}

.i-books:before {
    content: ""
}

.i-library:before {
    content: ""
}

.i-file-text:before {
    content: ""
}

.i-profile:before {
    content: ""
}

.i-file-empty:before {
    content: ""
}

.i-files-empty:before {
    content: ""
}

.i-file-text2:before {
    content: ""
}

.i-file-picture:before {
    content: ""
}

.i-file-music:before {
    content: ""
}

.i-file-play:before {
    content: ""
}

.i-file-video:before {
    content: ""
}

.i-file-zip:before {
    content: ""
}

.i-copy:before {
    content: ""
}

.i-paste:before {
    content: ""
}

.i-stack:before {
    content: ""
}

.i-folder:before {
    content: ""
}

.i-folder-open:before {
    content: ""
}

.i-folder-plus:before {
    content: ""
}

.i-folder-minus:before {
    content: ""
}

.i-folder-download:before {
    content: ""
}

.i-folder-upload:before {
    content: ""
}

.i-price-tag:before {
    content: ""
}

.i-price-tags:before {
    content: ""
}

.i-barcode:before {
    content: ""
}

.i-qrcode:before {
    content: ""
}

.i-ticket:before {
    content: ""
}

.i-cart:before {
    content: ""
}

.i-coin-dollar:before {
    content: ""
}

.i-coin-euro:before {
    content: ""
}

.i-coin-pound:before {
    content: ""
}

.i-coin-yen:before {
    content: ""
}

.i-credit-card:before {
    content: ""
}

.i-calculator:before {
    content: ""
}

.i-lifebuoy:before {
    content: ""
}

.i-phone:before {
    content: ""
}

.i-phone-hang-up:before {
    content: ""
}

.i-address-book:before {
    content: ""
}

.i-pushpin:before {
    content: ""
}

.i-location:before {
    content: ""
}

.i-location2:before {
    content: ""
}

.i-compass:before {
    content: ""
}

.i-compass2:before {
    content: ""
}

.i-map:before {
    content: ""
}

.i-map2:before {
    content: ""
}

.i-history:before {
    content: ""
}

.i-clock:before {
    content: ""
}

.i-clock2:before {
    content: ""
}

.i-alarm:before {
    content: ""
}

.i-bell:before {
    content: ""
}

.i-stopwatch:before {
    content: ""
}

.i-calendar:before {
    content: ""
}

.i-printer:before {
    content: ""
}

.i-keyboard:before {
    content: ""
}

.i-display:before {
    content: ""
}

.i-laptop:before {
    content: ""
}

.i-mobile:before {
    content: ""
}

.i-mobile2:before {
    content: ""
}

.i-tablet:before {
    content: ""
}

.i-tv:before {
    content: ""
}

.i-drawer:before {
    content: ""
}

.i-drawer2:before {
    content: ""
}

.i-box-add:before {
    content: ""
}

.i-box-remove:before {
    content: ""
}

.i-download:before {
    content: ""
}

.i-upload:before {
    content: ""
}

.i-floppy-disk:before {
    content: ""
}

.i-drive:before {
    content: ""
}

.i-database:before {
    content: ""
}

.i-undo:before {
    content: ""
}

.i-redo:before {
    content: ""
}

.i-undo2:before {
    content: ""
}

.i-redo2:before {
    content: ""
}

.i-forward:before {
    content: ""
}

.i-reply:before {
    content: ""
}

.i-bubble:before {
    content: ""
}

.i-bubbles:before {
    content: ""
}

.i-bubbles2:before {
    content: ""
}

.i-bubble2:before {
    content: ""
}

.i-bubbles3:before {
    content: ""
}

.i-bubbles4:before {
    content: ""
}

.i-user:before {
    content: ""
}

.i-users:before {
    content: ""
}

.i-user-plus:before {
    content: ""
}

.i-user-minus:before {
    content: ""
}

.i-user-check:before {
    content: ""
}

.i-user-tie:before {
    content: ""
}

.i-quotes-left:before {
    content: ""
}

.i-quotes-right:before {
    content: ""
}

.i-hour-glass:before {
    content: ""
}

.i-spinner:before {
    content: ""
}

.i-spinner2:before {
    content: ""
}

.i-spinner3:before {
    content: ""
}

.i-spinner4:before {
    content: ""
}

.i-spinner5:before {
    content: ""
}

.i-spinner6:before {
    content: ""
}

.i-spinner7:before {
    content: ""
}

.i-spinner8:before {
    content: ""
}

.i-spinner9:before {
    content: ""
}

.i-spinner10:before {
    content: ""
}

.i-spinner11:before {
    content: ""
}

.i-binoculars:before {
    content: ""
}

.i-search:before {
    content: ""
}

.i-unlocked:before {
    content: ""
}

.i-upload2:before {
    content: ""
}

.i-upload3:before {
    content: ""
}

.i-warning:before {
    content: ""
}

.i-volume-high:before {
    content: ""
}

.i-volume-medium:before {
    content: ""
}

.i-volume-low:before {
    content: ""
}

.i-volume-mute:before {
    content: ""
}

.i-volume-mute2:before {
    content: ""
}

.i-volume-increase:before {
    content: ""
}

.i-volume-decrease:before {
    content: ""
}

.i-ungroup:before {
    content: ""
}

.i-underline:before {
    content: ""
}

.i-twitter:before {
    content: ""
}

.i-vine:before {
    content: ""
}

.i-vk:before {
    content: ""
}

.i-vimeo:before {
    content: ""
}

.i-vimeo2:before {
    content: ""
}

.i-tumblr:before {
    content: ""
}

.i-tumblr2:before {
    content: ""
}

.i-tux:before {
    content: ""
}

.i-twitter-new:before {
    content: ""
}

.i-zoom-in:before {
    content: ""
}

.i-zoom-out:before {
    content: ""
}

.i-enlarge:before {
    content: ""
}

.i-shrink:before {
    content: ""
}

.i-enlarge2:before {
    content: ""
}

.i-shrink2:before {
    content: ""
}

.i-key:before {
    content: ""
}

.i-key2:before {
    content: ""
}

.i-lock:before {
    content: ""
}

.i-wrench:before {
    content: ""
}

.i-equalizer:before {
    content: ""
}

.i-equalizer2:before {
    content: ""
}

.i-cog:before {
    content: ""
}

.i-cogs:before {
    content: ""
}

.i-hammer:before {
    content: ""
}

.i-magic-wand:before {
    content: ""
}

.i-aid-kit:before {
    content: ""
}

.i-bug:before {
    content: ""
}

.i-pie-chart:before {
    content: ""
}

.i-stats-dots:before {
    content: ""
}

.i-stats-bars:before {
    content: ""
}

.i-stats-bars2:before {
    content: ""
}

.i-trophy:before {
    content: ""
}

.i-gift:before {
    content: ""
}

.i-glass:before {
    content: ""
}

.i-glass2:before {
    content: ""
}

.i-mug:before {
    content: ""
}

.i-spoon-knife:before {
    content: ""
}

.i-leaf:before {
    content: ""
}

.i-link:before {
    content: ""
}

.i-rocket:before {
    content: ""
}

.i-clip:before {
    content: ""
}

.i-meter:before {
    content: ""
}

.i-meter2:before {
    content: ""
}

.i-hammer2:before {
    content: ""
}

.i-fire:before {
    content: ""
}

.i-lab:before {
    content: ""
}

.i-magnet:before {
    content: ""
}

.i-bin:before {
    content: ""
}

.i-bin2:before {
    content: ""
}

.i-briefcase:before {
    content: ""
}

.i-airplane:before {
    content: ""
}

.i-truck:before {
    content: ""
}

.i-road:before {
    content: ""
}

.i-accessibility:before {
    content: ""
}

.i-target:before {
    content: ""
}

.i-shield:before {
    content: ""
}

.i-power:before {
    content: ""
}

.i-switch:before {
    content: ""
}

.i-power-cord:before {
    content: ""
}

.i-clipboard:before {
    content: ""
}

.i-list-numbered:before {
    content: ""
}

.i-list:before {
    content: ""
}

.i-list2:before {
    content: ""
}

.i-tree:before {
    content: ""
}

.i-menu:before {
    content: ""
}

.i-menu2:before {
    content: ""
}

.i-menu3:before {
    content: ""
}

.i-menu4:before {
    content: ""
}

.i-cloud:before {
    content: ""
}

.i-cloud-download:before {
    content: ""
}

.i-cloud-upload:before {
    content: ""
}

.i-cloud-check:before {
    content: ""
}

.i-download2:before {
    content: ""
}

.i-download3:before {
    content: ""
}

.i-sphere:before {
    content: ""
}

.i-earth:before {
    content: ""
}

.i-link1:before {
    content: ""
}

.i-flag:before {
    content: ""
}

.i-attachment:before {
    content: ""
}

.i-eye:before {
    content: ""
}

.i-eye-plus:before {
    content: ""
}

.i-eye-minus:before {
    content: ""
}

.i-eye-blocked:before {
    content: ""
}

.i-bookmark:before {
    content: ""
}

.i-bookmarks:before {
    content: ""
}

.i-sun:before {
    content: ""
}

.i-contrast:before {
    content: ""
}

.i-brightness-contrast:before {
    content: ""
}

.i-star-empty:before {
    content: ""
}

.i-star-half:before {
    content: ""
}

.i-star-full:before {
    content: ""
}

.i-heart:before {
    content: ""
}

.i-heart-broken:before {
    content: ""
}

.i-man:before {
    content: ""
}

.i-woman:before {
    content: ""
}

.i-man-woman:before {
    content: ""
}

.i-happy:before {
    content: ""
}

.i-happy2:before {
    content: ""
}

.i-smile:before {
    content: ""
}

.i-smile2:before {
    content: ""
}

.i-tongue:before {
    content: ""
}

.i-tongue2:before {
    content: ""
}

.i-sad:before {
    content: ""
}

.i-sad2:before {
    content: ""
}

.i-wink:before {
    content: ""
}

.i-wink2:before {
    content: ""
}

.i-grin:before {
    content: ""
}

.i-grin2:before {
    content: ""
}

.i-cool:before {
    content: ""
}

.i-cool2:before {
    content: ""
}

.i-angry:before {
    content: ""
}

.i-angry2:before {
    content: ""
}

.i-evil:before {
    content: ""
}

.i-evil2:before {
    content: ""
}

.i-shocked:before {
    content: ""
}

.i-shocked2:before {
    content: ""
}

.i-baffled:before {
    content: ""
}

.i-baffled2:before {
    content: ""
}

.i-confused:before {
    content: ""
}

.i-confused2:before {
    content: ""
}

.i-neutral:before {
    content: ""
}

.i-neutral2:before {
    content: ""
}

.i-hipster:before {
    content: ""
}

.i-hipster2:before {
    content: ""
}

.i-wondering:before {
    content: ""
}

.i-wondering2:before {
    content: ""
}

.i-sleepy:before {
    content: ""
}

.i-sleepy2:before {
    content: ""
}

.i-frustrated:before {
    content: ""
}

.i-frustrated2:before {
    content: ""
}

.i-crying:before {
    content: ""
}

.i-crying2:before {
    content: ""
}

.i-point-up:before {
    content: ""
}

.i-point-right:before {
    content: ""
}

.i-point-down:before {
    content: ""
}

.i-point-left:before {
    content: ""
}

.i-notification:before {
    content: ""
}

.i-question:before {
    content: ""
}

.i-plus:before {
    content: ""
}

.i-minus:before {
    content: ""
}

.i-info:before {
    content: ""
}

.i-cancel-circle:before {
    content: ""
}

.i-blocked:before {
    content: ""
}

.i-cross:before {
    content: ""
}

.i-checkmark:before {
    content: ""
}

.i-checkmark2:before {
    content: ""
}

.i-spell-check:before {
    content: ""
}

.i-enter:before {
    content: ""
}

.i-exit:before {
    content: ""
}

.i-play2:before {
    content: ""
}

.i-pause:before {
    content: ""
}

.i-stop:before {
    content: ""
}

.i-previous:before {
    content: ""
}

.i-next:before {
    content: ""
}

.i-backward:before {
    content: ""
}

.i-forward2:before {
    content: ""
}

.i-play3:before {
    content: ""
}

.i-pause2:before {
    content: ""
}

.i-stop2:before {
    content: ""
}

.i-backward2:before {
    content: ""
}

.i-forward3:before {
    content: ""
}

.i-first:before {
    content: ""
}

.i-last:before {
    content: ""
}

.i-previous2:before {
    content: ""
}

.i-next2:before {
    content: ""
}

.i-eject:before {
    content: ""
}

.i-loop:before {
    content: ""
}

.i-loop2:before {
    content: ""
}

.i-infinite:before {
    content: ""
}

.i-shuffle:before {
    content: ""
}

.i-arrow-up-left:before {
    content: ""
}

.i-arrow-up:before {
    content: ""
}

.i-arrow-up-right:before {
    content: ""
}

.i-arrow-right:before {
    content: ""
}

.i-arrow-down-right:before {
    content: ""
}

.i-arrow-down:before {
    content: ""
}

.i-arrow-down-left:before {
    content: ""
}

.i-arrow-left:before {
    content: ""
}

.i-arrow-up-left2:before {
    content: ""
}

.i-arrow-up2:before {
    content: ""
}

.i-arrow-up-right2:before {
    content: ""
}

.i-arrow-right2:before {
    content: ""
}

.i-arrow-down-right2:before {
    content: ""
}

.i-arrow-down2:before {
    content: ""
}

.i-arrow-down-left2:before {
    content: ""
}

.i-arrow-left2:before {
    content: ""
}

.i-circle-up:before {
    content: ""
}

.i-circle-right:before {
    content: ""
}

.i-circle-down:before {
    content: ""
}

.i-circle-left:before {
    content: ""
}

.i-tab:before {
    content: ""
}

.i-move-up:before {
    content: ""
}

.i-move-down:before {
    content: ""
}

.i-sort-alpha-asc:before {
    content: ""
}

.i-sort-alpha-desc:before {
    content: ""
}

.i-sort-numeric-asc:before {
    content: ""
}

.i-sort-numberic-desc:before {
    content: ""
}

.i-sort-amount-asc:before {
    content: ""
}

.i-sort-amount-desc:before {
    content: ""
}

.i-command:before {
    content: ""
}

.i-shift:before {
    content: ""
}

.i-ctrl:before {
    content: ""
}

.i-opt:before {
    content: ""
}

.i-checkbox-checked:before {
    content: ""
}

.i-checkbox-unchecked:before {
    content: ""
}

.i-radio-checked:before {
    content: ""
}

.i-radio-checked2:before {
    content: ""
}

.i-radio-unchecked:before {
    content: ""
}

.i-crop:before {
    content: ""
}

.i-make-group:before {
    content: ""
}

.i-scissors:before {
    content: ""
}

.i-filter:before {
    content: ""
}

.i-font:before {
    content: ""
}

.i-ligature:before {
    content: ""
}

.i-ligature2:before {
    content: ""
}

.i-text-height:before {
    content: ""
}

.i-text-width:before {
    content: ""
}

.i-font-size:before {
    content: ""
}

.i-bold:before {
    content: ""
}

.i-italic:before {
    content: ""
}

.i-strikethrough:before {
    content: ""
}

.i-omega:before {
    content: ""
}

.i-sigma:before {
    content: ""
}

.i-page-break:before {
    content: ""
}

.i-superscript:before {
    content: ""
}

.i-subscript:before {
    content: ""
}

.i-superscript2:before {
    content: ""
}

.i-subscript2:before {
    content: ""
}

.i-text-color:before {
    content: ""
}

.i-pagebreak:before {
    content: ""
}

.i-clear-formatting:before {
    content: ""
}

.i-table:before {
    content: ""
}

.i-table2:before {
    content: ""
}

.i-insert-template:before {
    content: ""
}

.i-pilcrow:before {
    content: ""
}

.i-ltr:before {
    content: ""
}

.i-rtl:before {
    content: ""
}

.i-section:before {
    content: ""
}

.i-paragraph-left:before {
    content: ""
}

.i-paragraph-center:before {
    content: ""
}

.i-paragraph-right:before {
    content: ""
}

.i-paragraph-justify:before {
    content: ""
}

.i-indent-increase:before {
    content: ""
}

.i-indent-decrease:before {
    content: ""
}

.i-share:before {
    content: ""
}

.i-new-tab:before {
    content: ""
}

.i-embed:before {
    content: ""
}

.i-embed2:before {
    content: ""
}

.i-terminal:before {
    content: ""
}

.i-share2:before {
    content: ""
}

.i-amazon:before {
    content: ""
}

.i-google:before {
    content: ""
}

.i-hangouts:before {
    content: ""
}

.i-google-drive:before {
    content: ""
}

.i-facebook:before {
    content: ""
}

.i-facebook2:before {
    content: ""
}

.i-instagram:before {
    content: ""
}

.i-whatsapp:before {
    content: ""
}

.i-spotify:before {
    content: ""
}

.i-telegram:before {
    content: ""
}

.i-rss:before {
    content: ""
}

.i-rss2:before {
    content: ""
}

.i-youtube:before {
    content: ""
}

.i-youtube2:before {
    content: ""
}

.i-flickr:before {
    content: ""
}

.i-flickr2:before {
    content: ""
}

.i-flickr3:before {
    content: ""
}

.i-flickr4:before {
    content: ""
}

.i-dribbble:before {
    content: ""
}

.i-behance:before {
    content: ""
}

.i-behance2:before {
    content: ""
}

.i-deviantart:before {
    content: ""
}

.i-500px:before {
    content: ""
}

.i-steam:before {
    content: ""
}

.i-steam2:before {
    content: ""
}

.i-dropbox:before {
    content: ""
}

.i-onedrive:before {
    content: ""
}

.i-github:before {
    content: ""
}

.i-npm:before {
    content: ""
}

.i-basecamp:before {
    content: ""
}

.i-trello:before {
    content: ""
}

.i-wordpress:before {
    content: ""
}

.i-joomla:before {
    content: ""
}

.i-ello:before {
    content: ""
}

.i-blogger:before {
    content: ""
}

.i-blogger2:before {
    content: ""
}

.i-yahoo:before {
    content: ""
}

.i-yahoo2:before {
    content: ""
}

.i-appleinc:before {
    content: ""
}

.i-finder:before {
    content: ""
}

.i-android:before {
    content: ""
}

.i-windows:before {
    content: ""
}

.i-windows8:before {
    content: ""
}

.i-soundcloud:before {
    content: ""
}

.i-soundcloud2:before {
    content: ""
}

.i-skype:before {
    content: ""
}

.i-reddit:before {
    content: ""
}

.i-hackernews:before {
    content: ""
}

.i-wikipedia:before {
    content: ""
}

.i-linkedin:before {
    content: ""
}

.i-linkedin2:before {
    content: ""
}

.i-lastfm:before {
    content: ""
}

.i-lastfm2:before {
    content: ""
}

.i-delicious:before {
    content: ""
}

.i-stumbleupon:before {
    content: ""
}

.i-stumbleupon2:before {
    content: ""
}

.i-stackoverflow:before {
    content: ""
}

.i-pinterest:before {
    content: ""
}

.i-pinterest2:before {
    content: ""
}

.i-foursquare:before {
    content: ""
}

.i-yelp:before {
    content: ""
}

.i-paypal:before {
    content: ""
}

.i-chrome:before {
    content: ""
}

.i-firefox:before {
    content: ""
}

.i-IE:before {
    content: ""
}

.i-edge:before {
    content: ""
}

.i-safari:before {
    content: ""
}

.i-opera:before {
    content: ""
}

.i-file-pdf:before {
    content: ""
}

.i-file-openoffice:before {
    content: ""
}

.i-file-word:before {
    content: ""
}

.i-file-excel:before {
    content: ""
}

.i-libreoffice:before {
    content: ""
}

.i-html-five:before {
    content: ""
}

.i-html-five2:before {
    content: ""
}

.i-css3:before {
    content: ""
}

.i-git:before {
    content: ""
}

.i-codepen:before {
    content: ""
}

.i-svg:before {
    content: ""
}

.i-close:before {
    content: ""
}

.i-chevron-up:before {
    content: ""
}

.i-chevron-down:before {
    content: ""
}

.contenido {
    position: relative
}

.contenido img {
    border: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.pagina-home {
    margin-bottom: 0;
    overflow: hidden
}

.home__flex {
    display: flex;
    flex-direction: column;
    padding: 0
}

@media(min-width: 1024px) {
    .home__flex {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 30px
    }
}

@media(min-width: 1024px) {
    .home__calendario {
        order: 2
    }
}

@media(min-width: 1024px) {
    .home__accesos {
        order: 3
    }
}

@media(min-width: 1024px) {
    .home__noticias {
        order: 1
    }
}

.home h2 {
    color: #002c47;
    text-transform: uppercase;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 1.11em;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 1024px) {
    .home h2 {
        font-size: 1.66em;
        margin-bottom: 40px
    }
}

@media(min-width: 1024px) {

    .home__noticias h2,
    .home__calendario h2 {
        text-align: left
    }
}

.home__botones {
    background-color: #009dd1;
    padding: 30px 0;
    order: -1
}

@media(min-width: 414px) {
    .home__botones {
        background-image: url("/https/demre.cl/img/banner-p2027-04.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0
    }
}

@media(min-width: 1024px) {
    .home__botones {
        padding: 80px 0
    }
}

.home__botones-enlaces {
    margin: auto
}

span[class*=i-btn] {
    font-size: 50px
}

@media(min-width: 1024px) {
    span[class*=i-btn] {
        font-size: 70px
    }
}

span.i-btn-inclusion {
    font-size: 80px
}

.btn-grande,
.btn-mediano,
.btn-chico,
.btn-caja {
    border-radius: 6px;
    color: #002c47;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .25);
    transition: all .3s ease-in-out
}

.btn-grande {
    font-size: 1.66em;
    color: #002c47;
    background-color: #fff;
    padding: 15px 20px;
    line-height: 1
}

@media(min-width: 414px) {
    .btn-grande {
        font-size: 1.78em;
        background-color: rgba(255, 255, 255, .9);
        max-width: 560px;
        min-height: 110px;
        margin: auto;
        padding: 20px 30px
    }
}

span.i-btn-pencil {
    color: #fff;
    background-color: #d20058;
    font-size: 34px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 20px;
    padding: 17px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1024px) {
    span.i-btn-pencil {
        font-size: 36px;
        width: 70px;
        height: 70px
    }
}

.btn-grande:hover {
    color: #fff;
    background-color: #d20058
}

.btn-grande:hover span.i-btn-pencil {
    color: #d20058;
    background-color: #fff
}

.btn-mediano {
    font-size: 1.11em;
    color: #002c47;
    background-color: #ffd03e;
    padding: 15px 20px;
    margin-top: 20px
}

@media(min-width: 414px) {
    .btn-mediano {
        font-size: 22px;
        max-width: 410px;
        min-height: 60px;
        margin: 30px auto 0
    }
}

.btn-mediano:hover {
    color: #fff;
    background-color: #002c47
}

.btn-chico,
.btn-caja {
    background-color: #ffd03e;
    padding: 15px 20px;
    position: relative
}

@media(min-width: 1024px) {

    .btn-chico,
    .btn-caja {
        font-size: 1.11em;
        min-height: 80px;
        padding: 20px 30px
    }
}

.btn-caja {
    padding: 20px
}

@media(min-width: 1024px) {
    .btn-caja {
        align-items: flex-start
    }
}

@media(min-width: 1280px) {
    .btn-caja {
        padding: 30px
    }
}

.btn-chico {
    padding: 15px;
    justify-content: space-between
}

@media(min-width: 414px) {
    .btn-chico {
        padding: 15px 20px;
        justify-content: center
    }
}

@media(min-width: 1024px) {
    .btn-chico {
        padding: 20px 30px
    }
}

.btn-chico~.btn-chico {
    margin-top: 20px
}

@media(min-width: 1024px) {
    .btn-chico~.btn-chico {
        margin-top: 30px
    }
}

.btn-chico:hover,
.btn-caja:hover {
    color: #fff;
    background-color: #002c47
}

.btn-chico:after,
.btn-caja:after {
    content: "";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    margin-left: 10px
}

@media(min-width: 1024px) {
    .btn-caja:after {
        content: none
    }
}

.home__calendario {
    background-color: #2b6ba4;
    padding: 40px 15px
}

@media(min-width: 1024px) {
    .home__calendario {
        background-color: rgba(0, 0, 0, 0);
        margin-left: 30px;
        padding: 60px 0;
        width: calc(33.3333333333% - 20px)
    }
}

@media(min-width: 1280px) {
    .home__calendario {
        padding: 80px 0
    }
}

.home__calendario h2,
.home__calendario .btn-mas {
    color: #fff
}

@media(min-width: 1024px) {

    .home__calendario h2,
    .home__calendario .btn-mas {
        color: #002c47
    }
}

.sector__calendario {
    color: #002c47;
    display: flex;
    align-items: center;
    position: relative
}

@media(min-width: 414px) {
    .sector__calendario {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .sector__calendario:last-of-type {
        display: none
    }
}

.sector__calendario~.sector__calendario {
    margin-top: 20px
}

@media(min-width: 1024px) {
    .sector__calendario~.sector__calendario {
        margin-top: 30px
    }
}

.sector__calendario-fecha {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #e2edf3;
    font-family: "Raleway", sans-serif;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, .25);
    position: relative
}

@media(min-width: 1024px) {
    .sector__calendario-fecha {
        width: 90px;
        height: 90px
    }
}

@media(min-width: 1280px) {
    .sector__calendario-fecha {
        width: 120px;
        height: 120px
    }
}

.sector__calendario-mes {
    color: #d20058;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    line-height: 1
}

@media(min-width: 1024px) {
    .sector__calendario-mes {
        font-size: 19px
    }
}

@media(min-width: 1280px) {
    .sector__calendario-mes {
        font-size: 28px
    }
}

.sector__calendario-dia {
    color: #002c47;
    font-size: 28px;
    font-weight: 700;
    line-height: .8
}

@media(min-width: 1024px) {
    .sector__calendario-dia {
        font-size: 38px;
        line-height: .7
    }
}

@media(min-width: 1280px) {
    .sector__calendario-dia {
        font-size: 48px;
        line-height: .6
    }
}

.sector__calendario-texto {
    border-radius: 6px;
    background-color: #fff;
    min-height: 60px;
    margin-left: -34px;
    padding: 5px;
    padding-left: 46px;
    display: flex;
    align-items: center;
    width: calc(100% - 68px + 34px);
    transition: all .3s ease-in-out
}

@media(min-width: 1024px) {
    .sector__calendario-texto {
        color: #fff;
        background-color: #2b6ba4;
        min-height: 80px;
        margin-left: -45px;
        padding: 5px 15px;
        padding-left: 60px;
        width: calc(100% - 90px + 45px);
        line-height: 1.2
    }
}

@media(min-width: 1280px) {
    .sector__calendario-texto {
        min-height: 100px;
        margin-left: -60px;
        padding-left: 75px;
        width: calc(100% - 120px + 60px)
    }
}

.sector__calendario:hover .sector__calendario-texto {
    color: #fff;
    background-color: #002c47
}

.home__noticias {
    background-color: #fff;
    padding: 40px 15px
}

@media(min-width: 1024px) {
    .home__noticias {
        background-color: rgba(0, 0, 0, 0);
        padding: 60px 0;
        width: calc(66.6666666667% - 10px);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

@media(min-width: 1280px) {
    .home__noticias {
        padding: 80px 0
    }
}

@media(min-width: 414px) {
    .home__noticias article {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .home__noticias article {
        width: calc(50% - 15px);
        margin: initial
    }
}

.home__noticias article~article {
    margin-top: 20px
}

@media(min-width: 1024px) {
    .home__noticias article~article {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .home__noticias article:last-of-type {
        display: none
    }
}

.home__noticias-articulo {
    color: #002c47;
    border-radius: 6px;
    background-color: #ffd03e;
    display: flex;
    flex-direction: column;
    box-shadow: 6px 6px 0px 0px rgba(208, 210, 211, .5);
    transition: all .3s ease-in-out
}

@media(min-width: 1024px) {
    .home__noticias-articulo {
        box-shadow: none
    }
}

.home__noticias-articulo:hover {
    color: #fff;
    background-color: #002c47
}

.home__noticias-imagen {
    display: none
}

@media(min-width: 1024px) {
    .home__noticias-imagen {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        display: block;
        overflow: hidden;
        position: relative
    }
}

@media(min-width: 1024px) {
    .home__noticias-imagen:before {
        content: "";
        display: block;
        padding-top: 63.41%
    }
}

@media(min-width: 1024px) {
    .home__noticias-imagen img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        transition: all .3s ease-in-out
    }
}

.home__noticias-articulo:hover img {
    transform: scale(1.1)
}

.home__noticias-texto {
    padding: 20px
}

@media(min-width: 1024px) {
    .home__noticias-texto {
        padding: 15px 20px
    }
}

.home__video {
    display: none
}

@media(min-width: 1024px) {
    .home__video {
        background: linear-gradient(180deg, #e2edf3 0%, rgba(226, 237, 243, 0) 100%);
        display: block;
        padding: 60px 0
    }
}

@media(min-width: 1280px) {
    .home__video {
        padding: 80px 0
    }
}

@media(min-width: 1024px) {
    .home__video .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

.sector__video {
    color: #002c47;
    width: calc(50% - 15px)
}

.sector__video:hover {
    color: #009dd1
}

.sector__video-imagen {
    border-radius: 6px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    position: relative
}

.sector__video-imagen:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.sector__video-imagen:after {
    content: "";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #002c47;
    font-size: 27px;
    padding-left: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .25);
    transition: all .3s ease-in-out
}

@media(min-width: 1024px) {
    .sector__video-imagen:after {
        font-size: 31px;
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
        left: calc(50% - 35px)
    }
}

.sector__video-imagen:hover:after {
    color: #fff;
    background-color: #d20058
}

.sector__video-imagen img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    transition: all .3s ease-in-out
}

.sector__video:hover img {
    transform: scale(1.1)
}

.home__accesos {
    position: relative;
    background-color: #a3def2;
    padding: 40px 15px
}

@media(min-width: 1024px) {
    .home__accesos {
        width: 100%;
        padding: 60px 0
    }
}

@media(min-width: 1280px) {
    .home__accesos {
        padding: 80px 0
    }
}

.home__accesos:before,
.home__accesos:after {
    content: "";
    background-color: #a3def2;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home__accesos:before {
    left: -150%
}

.home__accesos:after {
    right: -150%
}

.home__accesos-lista {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 15px
}

@media(min-width: 414px) {
    .home__accesos-lista {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .home__accesos-lista {
        max-width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px
    }
}

.btn-icono {
    color: #fff;
    background-color: #2b6ba4;
    border-radius: 6px;
    min-height: 155px;
    padding: 15px 3%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s ease-in-out;
    order: 1
}

@media(min-width: 1024px) {
    .btn-icono {
        min-height: 110px;
        padding: 15px 30px;
        text-align: left;
        flex-direction: row;
        justify-content: flex-start;
        order: initial
    }
}

.btn-icono:hover {
    background-color: #002c47
}

.btn-icono:hover span {
    transform: rotate(-10deg)
}

.btn-icono[href*="/universidades-participantes"] {
    order: 2
}

@media(min-width: 1024px) {
    .btn-icono[href*="/universidades-participantes"] {
        order: initial
    }
}

@media(min-width: 1024px) {
    .pagina-inclusion .btn-icono {
        min-height: 200px;
        padding: 20px 15px;
        text-align: center;
        flex-direction: column;
        justify-content: center
    }
}

.btn-icono span {
    color: #ffd03e;
    min-width: 50px;
    transition: all .2s ease-in-out
}

@media(min-width: 1024px) {
    .btn-icono span {
        min-width: 80px;
        margin-right: 20px
    }
}

@media(min-width: 1024px) {
    .pagina-inclusion .btn-icono span {
        margin-right: 0
    }
}

.home__accesos-lista .btn-icono~.btn-icono,
.subportadas__accesos-lista .btn-icono~.btn-icono {
    gap: 10px
}

@media(min-width: 1024px) {

    .home__accesos-lista .btn-icono~.btn-icono,
    .subportadas__accesos-lista .btn-icono~.btn-icono {
        gap: 0
    }
}

.pagina-inclusion .btn-icono~.btn-icono {
    gap: 10px
}

.home__portales {
    background: linear-gradient(163deg, rgba(0, 55, 88, 0.85) 0%, rgba(43, 107, 164, 0.85) 93.1%)
}

.home__portales h2 {
    color: #fff
}

.home__portales-lista {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 15px
}

@media(min-width: 414px) {
    .home__portales-lista {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .home__portales-lista {
        max-width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px
    }
}

.home__portales-lista+.home__portales-lista {
    margin-top: 20px;
    max-height: 0
}

@media(min-width: 1024px) {
    .home__portales-lista+.home__portales-lista {
        margin-top: 30px;
        max-height: -moz-max-content;
        max-height: max-content
    }
}

.home__portales-lista.expandir {
    animation: slide 350ms;
    max-height: 400px
}

@media(min-width: 1024px) {
    .home__portales .porta-enlace {
        display: none
    }
}

@keyframes slide {
    from {
        max-height: 0
    }

    to {
        max-height: 400px
    }
}

.btn-externo {
    color: #2b6ba4;
    background-color: #fff;
    border-radius: 6px;
    min-height: 50px;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .25);
    transition: all .3s ease-in-out
}

@media(min-width: 1024px) {
    .btn-externo {
        min-height: 80px
    }
}

.btn-externo[target*=_blank]:after {
    content: "";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d20058;
    font-size: 14px;
    margin-left: 10px
}

.btn-externo:hover {
    color: #fff;
    background-color: #002c47
}

.porta-enlace {
    text-align: center;
    margin: 30px auto 0
}

@media(min-width: 1024px) {
    .porta-enlace {
        text-align: right;
        width: 100%
    }
}

.btn-mas {
    color: #002c47;
    font-size: .9em;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.btn-mas-txt {
    text-decoration: underline
}

.btn-mas:hover .btn-mas-txt {
    text-decoration: none
}

span.i-btn-mas {
    margin-left: 6px;
    font-size: 24px
}

.btn-mas:hover {
    color: #009dd1;
    color: #d20058
}

.home__calendario .btn-mas:hover {
    color: #a3def2
}

@media(min-width: 1024px) {
    .home__calendario .btn-mas:hover {
        color: #d20058
    }
}

.subportadas__calendario .btn-mas:hover {
    color: #a3def2
}

.btn-abajo {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.btn-abajo:hover {
    color: #a3def2
}

span.i-btn-down {
    margin-left: 6px;
    font-size: 24px
}

.btn-abajo.open .i-btn-down:before {
    content: ""
}

.mbl-first {
    display: none
}

@media(min-width: 1024px) {
    .mbl-first {
        display: grid
    }
}

.home__portales-lista.expandir {
    display: grid
}

.subportadas h1 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 1.44em;
    font-weight: 500;
    line-height: 1.1;
    margin: 0
}

@media(min-width: 1024px) {
    .subportadas h1 {
        font-size: 2.22em
    }
}

.subportadas h2 {
    color: #002c47;
    font-family: "Raleway", sans-serif;
    font-size: 1.11em;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 1024px) {
    .subportadas h2 {
        font-size: 1.66em
    }
}

.subportadas h3 {
    color: #45464a;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-size: 1.11em;
    font-weight: 500;
    margin-bottom: 15px;
    width: 100%
}

@media(min-width: 1024px) {
    .subportadas h3 {
        font-size: 1.44em;
        margin-bottom: 20px
    }
}

@media(min-width: 1024px) {

    .pagina-paes,
    .pagina-inclusion {
        display: flex;
        flex-direction: column
    }
}

@media(min-width: 1024px) {
    .subportadas__titulos {
        order: 1
    }
}

@media(min-width: 1024px) {

    .subportadas__etapas,
    .subportadas__botones {
        order: 2
    }
}

@media(min-width: 1024px) {

    .subportadas__videos,
    .subportadas__accesos {
        order: 3
    }
}

@media(min-width: 1024px) {

    .subportadas__calendario,
    .subportadas__programa {
        order: 4
    }
}

@media(min-width: 1024px) {

    .subportadas__faq,
    .subportadas__practica~section {
        order: 5
    }
}

@media(min-width: 1024px) {

    .subportadas__enlaces,
    .subportadas__practica {
        order: 6
    }
}

@media(min-width: 1024px) {
    section.subportadas__especial {
        order: 7
    }
}

.subportadas__titulos {
    background: linear-gradient(113deg, rgba(0, 55, 100, 0.85) 0%, rgba(210, 0, 88, 0.85) 100%)
}

.pagina-paes .subportadas__titulos .container {
    background-image: url("/https/demre.cl/img/logo-p2027.svg");
    background-position: 98% 6px;
    background-repeat: no-repeat;
    background-size: 70px
}

@media(min-width: 1024px) {
    .pagina-paes .subportadas__titulos .container {
        padding-right: 170px;
        background-position: 97% 6px;
        background-size: 110px
    }
}

.subportadas__titulos .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0
}

@media(min-width: 1024px) {
    .subportadas__titulos .container {
        padding: 0 30px;
        min-height: 180px;
        justify-content: center
    }
}

.subportadas__titulos h1 {
    min-height: 120px;
    display: flex;
    align-items: flex-end;
    padding: 6px 90px 6px 15px
}

@media(min-width: 1024px) {
    .subportadas__titulos h1 {
        font-weight: bold;
        text-transform: uppercase;
        min-height: initial;
        padding: initial
    }
}

.pagina-inclusion .subportadas__titulos h1,
.pagina-investigacion .subportadas__titulos h1 {
    text-transform: uppercase;
    padding: 6px 15px
}

@media(min-width: 1024px) {

    .pagina-inclusion .subportadas__titulos h1,
    .pagina-investigacion .subportadas__titulos h1 {
        padding: 0
    }
}

.subportadas__titulos h2 {
    font-weight: normal;
    text-transform: initial;
    background-color: #fff;
    padding: 15px 15px 0
}

@media(min-width: 1024px) {
    .subportadas__titulos h2 {
        font-size: 25px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
        padding: initial;
        padding-top: 8px
    }
}

.subportadas__etapas {
    padding: 40px 0;
    text-align: center
}

@media(min-width: 1024px) {
    .subportadas__etapas {
        padding: 60px 0 80px
    }
}

.subportadas__etapas h2 {
    margin-bottom: 20px
}

@media(min-width: 1024px) {
    .subportadas__etapas h2 {
        margin-bottom: 40px
    }
}

@media(min-width: 414px) {
    .subportadas__etapas-lista {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__etapas-lista {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.subportadas__etapas-enlace {
    color: #fff;
    background-color: #002c47;
    font-size: 18px;
    text-decoration: underline;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    -webkit-clip-path: polygon(50% 20%, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    clip-path: polygon(50% 20%, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    transition: all .3s ease-in-out
}

@media(min-width: 1024px) {
    .subportadas__etapas-enlace {
        font-size: 21px;
        min-height: 200px;
        min-width: 225px;
        -webkit-clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
        clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%)
    }
}

@media(min-width: 1280px) {
    .subportadas__etapas-enlace {
        font-size: 25px;
        min-width: 285px
    }
}

@media(min-width: 1350px) {
    .subportadas__etapas-enlace {
        min-width: 302px
    }
}

.subportadas__etapas-enlace br {
    display: none
}

@media(min-width: 1024px) {
    .subportadas__etapas-enlace br {
        display: block
    }
}

.subportadas__etapas-enlace:first-of-type {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%)
}

@media(min-width: 1024px) {
    .subportadas__etapas-enlace:first-of-type {
        -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
        padding-right: 20px
    }
}

.subportadas__etapas-enlace:last-of-type {
    -webkit-clip-path: polygon(50% 20%, 100% 0%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 20%, 100% 0%, 100% 100%, 0 100%, 0 0)
}

@media(min-width: 1024px) {
    .subportadas__etapas-enlace:last-of-type {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 20% 50%, 0% 0%);
        clip-path: polygon(100% 0, 100% 100%, 0% 100%, 20% 50%, 0% 0%)
    }
}

.subportadas__etapas-enlace~.subportadas__etapas-enlace {
    margin-top: -13px
}

@media(min-width: 1024px) {
    .subportadas__etapas-enlace~.subportadas__etapas-enlace {
        margin-top: initial;
        margin-left: -40px
    }
}

@media(min-width: 1280px) {
    .subportadas__etapas-enlace~.subportadas__etapas-enlace {
        margin-left: -51px
    }
}

@media(min-width: 1350px) {
    .subportadas__etapas-enlace~.subportadas__etapas-enlace {
        margin-left: -55px
    }
}

.subportadas__etapas-enlace.dos,
.subportadas__etapas-enlace.tres,
.subportadas__etapas-enlace.cuatro,
.subportadas__etapas-enlace.cinco {
    padding-top: 10px
}

@media(min-width: 1024px) {

    .subportadas__etapas-enlace.dos,
    .subportadas__etapas-enlace.tres,
    .subportadas__etapas-enlace.cuatro,
    .subportadas__etapas-enlace.cinco {
        padding: 10px;
        padding-left: 40px
    }
}

.subportadas__etapas-enlace.dos {
    background-color: #2b6ba4
}

.subportadas__etapas-enlace.tres {
    color: #002c47;
    background-color: #009dd1
}

.subportadas__etapas-enlace.cuatro {
    color: #002c47;
    background-color: #a3def2
}

.subportadas__etapas-enlace.cinco {
    color: #002c47;
    background-color: #e2edf3
}

.subportadas__etapas-enlace:hover {
    color: #fff;
    background-color: #d20058;
    text-decoration: none
}

.subportadas__calendario {
    background-color: #2b6ba4;
    padding: 40px 0
}

@media(min-width: 1024px) {
    .subportadas__calendario {
        padding: 60px 0
    }
}

@media(min-width: 1280px) {
    .subportadas__calendario {
        padding: 80px 0
    }
}

@media(min-width: 1024px) {
    .subportadas__calendario .container {
        display: flex;
        flex-wrap: wrap;
        gap: 0 30px
    }
}

.subportadas__calendario h2 {
    text-align: center;
    margin-bottom: 20px
}

@media(min-width: 1024px) {
    .subportadas__calendario h2 {
        margin-bottom: 40px
    }
}

.subportadas__calendario h2,
.subportadas__calendario .btn-mas {
    color: #fff
}

@media(min-width: 1024px) {
    .subportadas__calendario .sector__calendario {
        max-width: initial;
        margin: initial;
        flex: 1
    }
}

@media(min-width: 1024px) {
    .subportadas__calendario .sector__calendario:last-of-type {
        display: flex
    }
}

@media(min-width: 1024px) {
    .subportadas__calendario .sector__calendario~.sector__calendario {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .subportadas__calendario .sector__calendario-texto {
        color: #2b6ba4;
        background-color: #fff
    }
}

.subportadas__videos {
    background: linear-gradient(180deg, #e2edf3 0%, rgba(226, 237, 243, 0) 100%);
    padding: 40px 0
}

@media(min-width: 1024px) {
    .subportadas__videos {
        padding: 60px 0
    }
}

@media(min-width: 1280px) {
    .subportadas__videos {
        padding: 80px 0
    }
}

@media(min-width: 1024px) {
    .subportadas__videos .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

.subportadas__videos h2 {
    margin-bottom: 20px
}

@media(min-width: 1024px) {
    .subportadas__videos h2 {
        margin-bottom: 40px
    }
}

@media(min-width: 414px) {
    .subportadas__videos-botones {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__videos-botones {
        width: 40%;
        margin: initial
    }
}

.subportadas__videos-enlace {
    margin-top: 40px
}

@media(min-width: 414px) {
    .subportadas__videos-enlace {
        max-width: 520px;
        margin: 40px auto 0
    }
}

@media(min-width: 1024px) {
    .subportadas__videos-enlace {
        margin-top: 0;
        width: calc(60% - 30px);
        max-width: initial
    }
}

.subportadas__faq {
    padding: 0 0 40px
}

@media(min-width: 1024px) {
    .subportadas__faq {
        padding: 60px 0
    }
}

@media(min-width: 1280px) {
    .subportadas__faq {
        padding: 80px 0
    }
}

.subportadas__faq h2 {
    text-align: center;
    margin-bottom: 20px
}

@media(min-width: 414px) {
    .subportadas__faq h2 {
        max-width: 520px;
        margin: 0 auto 20px
    }
}

@media(min-width: 1024px) {
    .subportadas__faq h2 {
        margin-bottom: 40px
    }
}

.subportadas__faq .btn-icono {
    min-height: 90px;
    padding: 20px 10px 20px 20px;
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px
}

@media(min-width: 414px) {
    .subportadas__faq .btn-icono {
        gap: 20px
    }
}

@media(min-width: 1024px) {
    .subportadas__faq .btn-icono {
        min-height: 110px;
        padding: 20px 30px;
        gap: 10px
    }
}

.subportadas__faq-lista {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media(min-width: 414px) {
    .subportadas__faq-lista {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__faq-lista {
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px
    }
}

.subportadas__enlaces {
    background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%)
}

@media(min-width: 1024px) {
    .subportadas__enlaces .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

@media(min-width: 414px) {
    .subportadas__enlaces-botones {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {

    .subportadas__enlaces-botones,
    .subportadas__enlaces-extra {
        width: calc(50% - 15px);
        max-width: initial;
        margin: initial
    }
}

@media(min-width: 1024px) {
    .subportadas__enlaces-extra {
        border-radius: 6px;
        display: block;
        overflow: hidden;
        position: relative
    }
}

@media(min-width: 1024px) {
    .subportadas__enlaces-imagen:before {
        content: "";
        display: block;
        padding-top: 50.79%
    }
}

@media(min-width: 1024px) {
    .subportadas__enlaces-imagen img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important
    }
}

.subportadas__botones,
.subportadas__botones~section,
.subportadas__historia {
    padding: 40px 0
}

@media(min-width: 1024px) {

    .subportadas__botones,
    .subportadas__botones~section,
    .subportadas__historia {
        padding: 60px 0
    }
}

@media(min-width: 1280px) {

    .subportadas__botones,
    .subportadas__botones~section,
    .subportadas__historia {
        padding: 80px 0
    }
}

section.home__portales,
section.subportadas__especial,
section.subportadas__enlaces {
    padding: 40px 0 100px
}

@media(min-width: 1024px) {

    section.home__portales,
    section.subportadas__especial,
    section.subportadas__enlaces {
        padding: 60px 0 120px
    }
}

@media(min-width: 1280px) {

    section.home__portales,
    section.subportadas__especial,
    section.subportadas__enlaces {
        padding: 80px 0 140px
    }
}

section.subportadas__final {
    padding: 20px 0 100px
}

@media(min-width: 1024px) {
    section.subportadas__final {
        padding: 60px 0 120px
    }
}

@media(min-width: 1280px) {
    section.subportadas__final {
        padding: 80px 0 140px
    }
}

section.subportadas__trabaja {
    padding: 0 0 100px
}

@media(min-width: 1024px) {
    section.subportadas__trabaja {
        padding: 60px 0 120px
    }
}

@media(min-width: 1280px) {
    section.subportadas__trabaja {
        padding: 80px 0 140px
    }
}

.subportadas__demre,
section.subportadas__programa,
section.subportadas__documentacion {
    padding: 20px 0
}

@media(min-width: 1024px) {

    .subportadas__demre,
    section.subportadas__programa,
    section.subportadas__documentacion {
        padding: 60px 0
    }
}

@media(min-width: 1280px) {

    .subportadas__demre,
    section.subportadas__programa,
    section.subportadas__documentacion {
        padding: 80px 0
    }
}

.btn-grande.inclusion {
    background-color: #ffd03e;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 1.11em;
    padding: 20px;
    text-align: center;
    line-height: initial
}

@media(min-width: 1024px) {
    .btn-grande.inclusion {
        flex-direction: row;
        gap: 30px;
        font-size: 32px;
        max-width: 900px;
        padding: 30px
    }
}

.btn-grande.inclusion:hover {
    color: #fff;
    background-color: #d20058
}

span.i-btn-procedimientos {
    color: #fff;
    font-size: 2.22em;
    background-color: #d20058;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1024px) {
    span.i-btn-procedimientos {
        font-size: 42px;
        width: 70px;
        height: 70px
    }
}

.btn-grande.inclusion:hover span.i-btn-procedimientos {
    color: #d20058;
    background-color: #fff
}

.subportadas__accesos {
    background-color: #e2edf3
}

.subportadas__accesos h2 {
    text-align: center;
    margin-bottom: 20px
}

@media(min-width: 1024px) {
    .subportadas__accesos h2 {
        margin-bottom: 40px
    }
}

.subportadas__accesos-lista {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 15px
}

@media(min-width: 414px) {
    .subportadas__accesos-lista {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__accesos-lista {
        max-width: 100%;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 30px
    }
}

.subportadas__programa {
    background-color: #fff
}

@media(min-width: 1024px) {
    .subportadas__programa .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

.subportadas__practica {
    background: linear-gradient(180deg, #e2edf3 0%, rgba(226, 237, 243, 0) 100%)
}

@media(min-width: 1024px) {
    .subportadas__practica {
        background: #fff
    }
}

.subportadas__practica h2 {
    text-align: center;
    margin-bottom: 20px
}

@media(min-width: 1024px) {
    .subportadas__practica h2 {
        margin-bottom: 40px
    }
}

@media(min-width: 414px) {
    .subportadas__practica-botones {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__practica-botones {
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px
    }
}

@media(min-width: 1024px) {
    .subportadas__practica-botones .btn-chico~.btn-chico {
        margin-top: 0
    }
}

.subportadas__comunidad {
    background: linear-gradient(142deg, #a3def2 0%, #00a7e1 100%)
}

@media(min-width: 1024px) {
    .subportadas__comunidad .container {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0 30px
    }
}

.subportadas__redes {
    background-color: #2b6ba4
}

.subportadas__redes .subportadas__grupo {
    max-width: 630px;
    margin: auto
}

.subportadas__documentacion {
    background-color: #e2edf3
}

@media(min-width: 1024px) {
    .subportadas__documentacion .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

.subportadas__especial {
    background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%)
}

.subportadas__especial .subportadas__grupo {
    max-width: 630px;
    margin: auto
}

.subportadas__grupo {
    background-color: #fff;
    padding: 20px
}

@media(min-width: 414px) {
    .subportadas__grupo {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .subportadas__grupo {
        width: calc(50% - 15px);
        max-width: initial;
        margin: initial;
        padding: 30px
    }
}

.subportadas__documentacion .subportadas__grupo {
    background-color: rgba(0, 0, 0, 0);
    padding: 20px
}

.subportadas__grupo li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 15px
}

.subportadas__grupo li:last-child {
    margin-bottom: 0
}

.subportadas__grupo li:before {
    content: "";
    background-color: #d20058;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}

.subportadas__grupo a {
    color: #002c47
}

.subportadas__grupo a:hover {
    text-decoration: underline
}

.botones__caja {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

@media(min-width: 414px) {
    .botones__caja {
        max-width: 520px;
        margin: auto
    }
}

@media(min-width: 1024px) {
    .botones__caja {
        max-width: 100%;
        min-height: 320px;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px
    }
}

@media(min-width: 1024px) {
    .btn-caja {
        color: #002c47;
        font-family: "Raleway", sans-serif;
        flex-direction: column;
        justify-content: space-between;
        gap: 30px
    }
}

@media(min-width: 1024px) {
    .btn-caja:hover {
        color: #fff
    }
}

@media(min-width: 1024px) {
    .btn-caja~.btn-caja {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .btn-caja-titulo {
        font-size: 28px;
        font-weight: 600
    }
}

.btn-caja-texto {
    display: none
}

@media(min-width: 1024px) {
    .btn-caja-texto {
        display: block;
        font-size: 1.11em
    }
}

.btn-caja-mas {
    display: none
}

@media(min-width: 1024px) {
    .btn-caja-mas {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-self: flex-end;
        font-size: 25px;
        text-align: right
    }
}

@media(min-width: 1024px) {
    .btn-caja-mas:after {
        content: "";
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        margin-left: 10px
    }
}

.subportadas__documentos {
    background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%)
}

@media(min-width: 1024px) {
    .subportadas__documentos {
        background: linear-gradient(180deg, #e2edf3 0%, rgba(226, 237, 243, 0) 100%)
    }
}

@media(min-width: 1024px) {
    .subportadas__documentos .container {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0 30px
    }
}

@media(min-width: 1024px) {
    .subportadas__documentos .subportadas__grupo {
        background-color: rgba(0, 0, 0, 0);
        padding: 0
    }
}

@media(min-width: 1024px) {
    .subportadas__final {
        background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%)
    }
}

@media(min-width: 1024px) {
    .subportadas__demre .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0 30px
    }
}

@media(min-width: 1024px) {
    .subportadas__demre .subportadas__enlaces-extra {
        width: calc(60% - 30px)
    }
}

.subportadas__demre .subportadas__enlaces-imagen:before {
    padding-top: 40.54%
}

@media(min-width: 1024px) {
    .subportadas__demre .subportadas__grupo {
        width: 40%
    }
}

.subportadas__historia {
    position: relative
}

@media(min-width: 1024px) {
    .subportadas__historia {
        background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%)
    }
}

.subportadas__historia:before {
    content: "";
    display: block;
    background: linear-gradient(38deg, rgba(43, 107, 164, 0.85) 21.13%, rgba(0, 167, 225, 0.85) 100%);
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

@media(min-width: 1024px) {
    .subportadas__historia:before {
        content: none
    }
}

@media(min-width: 1024px) {
    .subportadas__historia .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 30px
    }
}

@media(min-width: 1024px) {
    .subportadas__trabaja {
        background: linear-gradient(180deg, #e2edf3 0%, rgba(226, 237, 243, 0) 100%)
    }
}

@media(min-width: 414px) {
    .subportadas__trabaja-lista {
        max-width: 520px;
        margin: auto
    }
}

.btn-icono[href*=inclusion] dfn {
    font-style: normal
}

.btn-icono[href*=inclusion] abbr[title] {
    text-decoration: none
}

.home__icon-bar {
    display: none
}

@media(min-width: 1024px) {
    .home__icon-bar {
        display: flex;
        flex-direction: column;
        gap: 10px;
        position: fixed;
        top: 60%;
        right: 10px;
        transform: translateY(-50%)
    }
}

@media(min-width: 1280px) {
    .home__icon-bar {
        right: 20px
    }
}

.home__icon-bar a {
    color: #fff;
    background: #002c47;
    font-size: 28px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .25);
    transition: all .3s ease-in-out
}

.home__icon-bar a[title*=Instagram]:hover {
    background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000)
}

.home__icon-bar a[title*=YouTube]:hover,
.home__icon-bar a[title*=Youtube]:hover {
    background: red
}

.home__icon-bar a[title*=Twitter]:hover {
    background: #14171a
}

.home__icon-bar a[title*=Facebook]:hover {
    background: #3a589e
}

.home__icon-bar a[title*=LinkedIn]:hover,
.home__icon-bar a[title*=Linkedin]:hover {
    background: #0073b1
}
@media(min-width: 1024px) {
.botones__caja--2col {
grid-template-columns: 1fr 1fr
}
}