@import url('https://fonts.googleapis.com/css2?family=Onest:wght@200;300;400;500;600;700;800;900&family=Funnel+Display:wght@400..800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

/* Default */
:root {
    --color-primario: #ff6c1c;
    --color-secundario: #ffffff;
    --color-terciario: #868686;
    --color-texto-titulos: #000;
    --color-texto-principal: #313131;
    --color-review: #ffc107;
    --color-opinion: #17a2b8;
    --color-grey-1: #e6e6e6;
    --color-grey-2: #2a2a2a;
    --color-grey-3: #5d5d5d;
    --color-grey-4: #c9c9c9;
    --color-grey-5: #eeeeee;
    --social-color-facebook: #1877f2;
    --social-color-x-twitter: #000000;
    --social-color-whatsapp: #25d366;
    --social-color-telegram: #24A1DE;
    --social-color-facebook: #0077B5;
    --tipografia-titulos: 'Funnel Display', sans-serif;
    --tipografia-principal: 'Onest', sans-serif;
}

* {margin: 0;padding: 0}
*,:after,:before {box-sizing: border-box}

body {font-family: var(--tipografia-principal);font-optical-sizing: auto;font-style: normal}

a {color: inherit;font-style: normal;text-decoration: none;}
p {text-wrap: pretty;}

h1,h2,h3,h4,h5,h6 {font-family: var(--tipografia-titulos)}

::selection {background-color: var(--color-primario);color: var(--color-secundario);}

.label {font-family: var(--tipografia-titulos);font-size: 2em;text-transform: uppercase;letter-spacing: 3px;text-align:left;display: flex;align-items: center;gap: 15px;line-height:1em;margin-bottom: 30px;color:var(--color-grey-2);}
.label::after {display: none;}
.label::before {content: "";display: block;width: 20px;height: 20px;border-right: 7px solid var(--color-grey-4);border-top: 7px solid var(--color-grey-4);transform: rotate(45deg);}

.sticky-side {position: sticky;top: 80px}

/* Navbar
   ========================================================================== */

.bg-pub {background: repeating-linear-gradient(120deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 2px, transparent 0, transparent 4px);background-color: var(--color-grey-6);}
.bg-pub .ads {display: flex;columns: flex;justify-content: center;}

/* Nav Header */

.navbar-main {background-color: var(--color-secundario);border-bottom: 2px solid rgba(0, 0, 0, .11);}
.navbar-main .main-logo {width: 190px; height: auto!important;float: left;position: absolute;top: 16px;left: 50%;transform: translateX(-50%);}
.navbar-main .btn {background: none;border: none;cursor: pointer;padding: .3rem;}
.navbar-main .btn-menu {color: var(--color-primario);font-size: 1.70em;}
.navbar-main .nav-social {color: var(--color-grey-2);font-size: 1.32em;}
.navbar-main .nav-social .icon-rs {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 12px;list-style: none;margin: 0;padding: 0;}
.navbar-main .nav-social .icon-rs a {text-decoration: none;color: inherit;}

@media only screen and (max-width: 768px) {
    .navbar-main .btn-search {color: var(--color-primario);font-size: 1.40em;}
    .navbar-main .main-logo {width: 160px; height: auto!important;float: left;position: absolute;top: 18px;left: 50%;transform: translateX(-50%);}  
}

/* Nav Menu */

.menu-bar {background:var(--color-grey-5);text-transform:uppercase;font-family: var(--tipografia-titulos);display: block;border-bottom: 1px solid rgba(0, 0, 0, .11);}
.menu-bar .nav-link {font-size: .88em;font-weight: 600;padding: 0 30px 0 0 !important;color: var(--color-grey-2);}
.menu-bar ul {background-color: transparent;list-style: none;display: flex;gap: 5px;margin: 0;padding: 0}
.menu-bar a {text-decoration: none;color: var(--color-primario);padding: .25rem .5rem;border-radius: 4px;transition: background-color 0.3s,color 0.3s}
.menu-bar a:hover,.menu-bar a:focus {color: var(--color-primario);outline: none;}
.menu-bar a.active {border: 2px solid var(--color-primario);}
.menu-bar li {position: relative}
.menu-bar ul ul {display: none;position: absolute;top: 100%;left: -20px;background-color: var(--color-secundario);list-style: none;padding: .5rem .75rem;margin: 0;border: 1px solid var(--light-gray);box-shadow: 0 2px 5px rgba(0,0,0,.15);z-index: 999}
.menu-bar ul li:hover>ul {display: block}
.menu-bar ul ul li {display: block;margin: 0;font-size: .85em;font-weight: 600;}
.menu-bar ul ul li a {display: block;white-space: nowrap;color: var(--color-grey-2);padding: .45rem .5rem;}
.menu-bar ul ul li a:hover,.menu-bar ul ul li a:focus {color: var(--color-primario);outline: none;}
.menu-bar li.active>a {border: 2px solid var(--color-grey-1);border-radius: 10px}
.menu-bar ul ul ul {display: none;top: 0;left: 100%}
.menu-bar ul ul li:hover>ul {display: block}
.menu-bar .search-form-menu .form-control {display: block;color: var(--color-grey-2);background-color: var(--color-grey-5);border-radius: .40em;padding: 1px 10px 1px;border: 1px solid var(--color-grey-3);text-transform: uppercase;width: 200px;font-size: .85em;font-family: var(--tipografia-principal);}
.menu-bar .search-form-menu input:focus {border-color: var(--color-grey-2);-webkit-box-shadow: none;box-shadow: none;}
.menu-bar .search-form-menu input::placeholder {color: var(--color-grey-2)!important;text-transform: uppercase;font-size: 1em;}

/* Nav Canvas */

.menu-mob ul {padding: 0;}
.menu-mob a {text-decoration: none;color: inherit;}
.menu-mob li {padding: 15px 20px;text-decoration: none;font-weight: 700;font-size: 1em;text-transform: uppercase;font-family: var(--tipografia-titulos);border-bottom: 1px solid var(--color-grey-4);transition: background-color 0.3s;list-style: none;}
.menu-mob li:hover {background-color: var(--color-grey-4);}
.btn-close {font-size: 1em;}
.btn-close:focus  {-webkit-box-shadow: none;box-shadow: none;}

.canvas-social {color: var(--color-grey-2);font-size: 1.32em;}
.canvas-social .icon-rs {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1em;list-style: none;margin: 0;padding: 0;}
.canvas-social .icon-rs a {text-decoration: none;color: inherit;}

.offcanvas-header {box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.17);}
.offcanvas.offcanvas-start {width: 22%;flex-direction: column;overflow-y: auto;}

@media only screen and (max-width: 768px) {
    .menu-mob li {padding: 10px 15px;font-size: .90em;text-transform: uppercase;font-weight: 500;border-bottom: 2px solid var(--color-grey-4);}
    .offcanvas.offcanvas-start {width: 89%;flex-direction: column;overflow-y: auto;}
    .menu-bar {display: none;}
}

.menu-secondary {animation: 0.5s slideup;}

@keyframes slideup {
  from {
    transform: translateY(10%);
  }

  to {
    transform: translateY(0);
  }
}

/* Homepage
   ========================================================================== */

/* Portada */

.portada .img-mid {aspect-ratio: 4/6;width: 100%; height: 100%;object-fit: cover;position: relative;}
.portada .img-mid img {width: 100%; height: 100%;}
.portada .tit-p-md {font-size: 1.34em;font-weight: 600;line-height: 1.2;}

.portada .img-big {aspect-ratio: 4/3;width: 100%; height: 100%;object-fit: cover;position: relative;}
.portada .img-big img {width: 100%; height: 100%;}
.portada .tit-p {font-size: 1.5em;font-weight: 700;line-height: 1.3;}

.portada .img-w {aspect-ratio: 16/9;width: 100%; height: 100%;object-fit: cover;position: relative;}
.portada .img-w img {width: 100%; height: 100%;}
.portada .tit-p-s {font-size: 1.4em;font-weight: 600;line-height: 1.3;}

@media only screen and (max-width: 768px) {
    .portada .img-mid,.portada .img-big {aspect-ratio: 16/9;}
    .portada .p-m {font-size: 1.43em;font-weight: 500;line-height: 1.2;}
    .portada .p-md-m {font-size: .93em;font-weight: 500;line-height: 1.2;}
    .portada .img-w {aspect-ratio: 16/9;width: 100%; height: 100%;object-fit: cover;position: relative;}
    .portada .img-w img {width: 100%; height: 100%;}
    .portada .tit-p-s {font-size: 1.2em;font-weight: 500;line-height: 1.3;}
}

/* Secciones */

.cat-section .img-mv {aspect-ratio: 16/9;width: 100%; height: 100%;object-fit: cover;position: relative;}
.cat-section .img-mv img {width: 100%; height: 100%;}
.cat-section .tit-mv {font-size: 1.22em;font-weight: 600;line-height: 1.2;}

@media only screen and (max-width: 768px) {
    .cat-section .img-mv {aspect-ratio: 16/9;}
    .cat-section .rat-m {font-size: 1em;font-weight: 500;line-height: 1.2;}
}

.cat-section-cards .img-wrap {aspect-ratio: 4/3;width: 100%; height: 100%;object-fit: cover;position: relative;}
.cat-section-cards .img-wrap img {width: 100%; height: 100%;}
.cat-section-cards .tit-g-m {font-size: 1.37em;font-weight: 600;line-height: 1.2;}
.cat-section-cards .grid-md {display: flex;flex-direction: row;gap: 10px;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 2px solid rgba(0, 0, 0, .11);}
.cat-section-cards .grid-md .img-thumb  {margin: 0 !important;padding: 0;width: 90px;height: 80px;object-fit: cover;}
.cat-section-cards .grid-md .tit-sm {font-size: .96rem;font-weight: 500;margin: .5em 0 .2em;}

.cat-section-full .grid-md {display: flex;flex-direction: row;gap: 15px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid rgba(0, 0, 0, .11);}
.cat-section-full .grid-md .img-wrap  {margin: 0 !important;padding: 0;width: 247px;height: 210px;object-fit: cover;}
.cat-section-full .grid-md .tit-dest {font-size: 1.3rem;font-weight: 500;margin: 2em 0 .2em;}

@media only screen and (max-width: 768px) {
    .cat-section-full .grid-md .img-wrap  {margin: 0 !important;padding: 0;width: 127px;height: 105px;object-fit: cover;}
    .cat-section-full .grid-md .tit-dest {font-size: 1rem;font-weight: 500;margin: .4em 0 .2em;}
}

/* Main Article y Páginas
   ========================================================================== */

/* Cuerpo */

hr.line-ma {border: 2px solid rgb(168, 167, 167);width:28%;margin: auto;margin-top: 12px;margin-bottom: 12px;}

.main-article .grid-main {padding: 32px;}
.main-article .cat-post {font-family: var(--tipografia-titulos);font-weight: bold;line-height: 0.5em;padding: 10px;width: max-content;background-color: var(--color-primario);color: var(--color-secundario);margin: auto;}
.main-article .cat-post a {text-decoration: none;color: inherit;}
.main-article h1 {font-size: 2.3em;font-family: var(--tipografia-titulos);font-weight: bold;line-height: initial;padding-top: 5px;margin: 18px 0;text-align: center;}
.main-article h2 {font-family: var(--tipografia-titulos);margin-top: 50px;display: flex;align-items: center;grid-gap: 12px;}
.main-article .main-portada {width: 100%;height: 100%;object-fit: cover;position: relative;aspect-ratio: 16/9;}
.main-article .main-portada img {width: 100% !important;}
.main-article .image-credit-wrapper {position: relative;}
.main-article .image-credit-wrapper .image-credit {position: absolute;right: 0px;bottom: 0px;}
.main-article .image-credit {background: rgba(0,0,0,.7);color: var(--color-secundario);display: inline-block;font-size: 0.87rem;font-weight: 500;text-transform: uppercase;padding: 4px 10px;position: absolute;}
.main-article figcaption {position: relative;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
.main-article .meta {font-size: .89em;text-align: center;padding-bottom: 2px;}
.main-article .autor {color: var(--color-primario);font-weight: 700;}
.main-article .autor a {text-decoration: none;color: inherit;}
.main-article .post-content {margin: 35px 5em .5em 5em;}
.main-article .post-content p {line-height: 1.62em;font-size: 1.27em;font-weight: 400;margin: 25px 0;}
.main-article .post-content strong {font-weight: 600;}
.main-article .the-post-tags {margin: 35px 2em .5em 2em;display: flex;flex-wrap: wrap;margin-top: 32px;font-weight: 500;text-transform: uppercase;}
.main-article .the-post-tags:last-child {margin-bottom: -20px;color: var(--color-terciario);}
.main-article .the-post-tags a {background-color: var(--color-grey-5);color: inherit;display: inline-block;text-decoration: none;margin-right: 8px;margin-bottom: 5px;padding: 5px 15px 5px 15px;font-size: 0.85rem;letter-spacing: .03em;line-height: 25px;border-radius: 12px;}
.main-article .the-post-tags a::before{content: '# ';color: var(--color-terciario);font-weight: 600;}
.main-article .tit-destaca {font-size: 2.4em;text-transform: uppercase;}
.main-article .tit-destaca:before {content: "";transform: rotate(45deg);display: block;width: 22px;height: 22px;margin-top: 3px;border-top: 8px solid var(--color-grey-4);border-right: 8px solid var(--color-grey-4);}
.main-article .tit-aside {font-size: 1.32em;text-transform: uppercase;}
.main-article .tit-aside:before {content: "";transform: rotate(45deg);display: block;width: 15px;height: 15px;border-top: 6px solid var(--color-grey-4);border-right: 6px solid var(--color-grey-4);}

@media only screen and (max-width: 768px) {
    .main-article .grid-main {padding: 12px;}
    .main-article .cat-post {font-size: 0.89em;line-height: 0.5em;}
    .main-article h1 {font-size: 1.40em;}
    .main-article .meta {font-size: .79em;}
    .main-article .image-credit {font-size: 0.80rem;font-weight: 400;}
    .main-article .post-content {margin: 0;}
    .main-article .post-content p {line-height: 1.5;font-size: 1.12rem;}
    .main-article .the-post-tags {margin: 0;margin-top: 22px;}
    .main-article .the-post-tags a {font-size: .67em;margin-bottom: 8px;}
    .main-article .tit-destaca {font-size: 2.2em;}
    .main-article .tit-aside {font-size: 1.5em;}
}

/* Custom */

.main-article ul {list-style: disc;list-style-position: inside;margin-bottom: 2.74rem;}
.main-article ol {list-style: numeric;list-style-position: inside;padding-left: .6rem;}
.main-article li {list-style: inherit;padding-left: .2rem;margin-bottom: 0.27rem;font-size: 1.23rem;}

.main-article .wp-element-caption {font-size: 0.83rem;font-weight: 500;padding-top: 5px;padding-bottom: 5px;text-transform: uppercase;background-color: var(--color-grey-5);}
.main-article .wp-block-image img {box-sizing: border-box;height: auto;max-width: 100%;vertical-align: bottom;padding-top: 22px;}

.main-article .embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;margin-top: 38px;padding-bottom: 62px}
.main-article .embed-responsive .embed-responsive-item,.embed-responsive iframe {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}
.main-article .embed-responsive-16by9 {padding-bottom: 56.25%;margin-top: -2px;margin-bottom: 60px;border-radius: 12px;z-index: 1;-webkit-box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.30), 0px 13px 27px -5px rgba(50, 50, 93, 0.25);box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.30), 0px 13px 27px -5px rgba(50, 50, 93, 0.25);}

.main-article .btn-google {background-color: var(--color-grey-3);border-radius: 8px;margin: 3px;padding: 4px 10px 4px;}
.main-article .btn-whatsapp {background-color: var(--social-color-whatsapp);border-radius: 8px;margin: 3px;padding: 5px 10px 7px;}
.main-article .btn-telegram {background-color: var(--social-color-telegram);border-radius: 8px;margin: 3px;padding: 5px 10px 7px;}

/* Share */

.main-article .share {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 35px;list-style: none;margin: 0;padding: 0;}
.main-article .share a {text-decoration: none;color: inherit;}
.main-article .share .facebook {font-size: 1.27em; color: var(--color-grey-2);}
.main-article .share .x-twitter {font-size: 1.27em; color: var(--color-grey-2);}
.main-article .share .whatsapp {font-size: 1.27em; color: var(--color-grey-2);}
.main-article .share .telegram {font-size: 1.27em; color: var(--color-grey-2);}
.main-article .share .linkedin {font-size: 1.27em; color: var(--color-grey-2);}

@media only screen and (max-width: 768px) {
    .main-article .share .facebook {font-size: 1.2em;}
    .main-article .share .x-twitter {font-size: 1.2em;}
    .main-article .share .whatsapp {font-size: 1.2em;}
    .main-article .share .telegram {font-size: 1.2em;}
    .main-article .share .linkedin {font-size: 1.2em;}
}

/* Card Big */

.main-article .dest {display: flex;flex-direction: row;gap: 15px;}
.main-article .dest .img-wrap  {margin: 0 !important;padding: 0;width: 170px;height: 125px;object-fit: cover}
.main-article .dest .title {font-size: 1.5rem;padding-top: 22px;}

@media only screen and (max-width: 768px) {
    .main-article .dest {gap: 10px;}
    .main-article .dest .img-wrap {width: 120px;height: 100px;object-fit: cover;}
    .main-article .dest .title {font-size: 1rem;padding-top: 5px;}
}

/* Card Medium */

.main-article .dest-md {display: flex;flex-direction: row;gap: 10px;}
.main-article .dest-md .img-wrap  {margin: 0 !important;padding: 0;width: 90px;height: 100px;object-fit: cover;}
.main-article .dest-md .title {font-size: .96rem;}

@media only screen and (max-width: 768px) {
    .main-article .dest-md {display: flex;flex-direction: row;gap: 15px;}
    .main-article .dest-md .img-wrap  {width: 120px;height: 100px;object-fit: cover;}
    .main-article .dest-md .title {font-size: 1rem;padding-top: 5px;}
}

/* Programa destacado */

.main-article .tit-pgm-relacionado {font-size: 1.35em;text-transform:uppercase;}
.main-article .card-pgm {display: flex;text-align: left;margin-top: 12px;overflow: hidden;background-color: var(--color-grey-5);}
.main-article .card-pgm article{margin-bottom: 10px;margin-top: 0;}
.main-article .card-pgm .picture16x9 {width: 30%;padding-bottom: 30%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.main-article .card-pgm .capaPrograma {display: table-cell;width: 100%;}
.main-article .card-pgm .titulo-programa h2{text-align: left;font-size: 1.38rem;letter-spacing: -0.1px;text-transform: uppercase;color:var(--color-grey-2);margin-top: 10px;margin-bottom: -8px;padding-left: 15px;padding-right: 35px;text-decoration: none;}
.main-article .card-pgm .info {margin: 15px;}
.main-article .card-pgm .box-genero {text-transform: uppercase;color: var(--color-secundario);background: var(--color-grey-3);font-size: .75rem;border-radius: 2px;letter-spacing: -0.5px;padding: 3px 5px;}
.main-article .card-pgm .pgm {font-size: 0.95rem;font-weight: 600;line-height: 17px;margin: 15px;}
.main-article .card-pgm .detalles {font-size: 1em;color: inherit;}

@media only screen and (max-width: 768px) {
    .main-article .tit-pgm-relacionado {font-size: 1.3em}
    .main-article .card-pgm .picture16x9 {width: 45%;padding-bottom: 45%;}
    .main-article .card-pgm .titulo-programa h2{font-size: 1.1em;letter-spacing: -0.4px;text-transform: uppercase;color: var(--color-grey-2);margin-top: 10px;margin-bottom: -5px;padding-left: 15px;}
    .main-article .card-pgm .box-genero {font-size: .67rem;}
    .main-article .card-pgm .detalles {font-size: 0.93em;color: inherit;}
}

/* Review */

.main-article .review-card {display: flex;align-items: center;padding: 15px 18px;border-radius: 8px;background-color: var(--color-review);-webkit-box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);-moz-box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);margin-bottom: 25px;}
.main-article .review-card .icon {width: 100px!important;margin: 0 28px!important;margin-bottom: -3px}
.main-article .review-card .fa-triangle-exclamation {font-size: 50px;}
.main-article .review-card .review-text {font-size: 1rem;font-weight: 400;line-height: 20px;margin-top: 12px;margin-bottom: 12px;margin-left: 8px;}

@media only screen and (max-width: 768px) {
    .main-article .review-card .icon {margin: 0 10px!important;}
    .main-article .review-card .fa-triangle-exclamation {font-size: 40px;}
    .main-article .review-card .review-text {font-size: .87rem;font-weight: 400;line-height: 18px;}
}

/* Columnas */

.opinion-card {display: flex;align-items: center;padding: 15px 18px;border-radius: 8px;background-color: var(--color-opinion);-webkit-box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);-moz-box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);box-shadow: 10px 13px 17px -5px rgba(0,0,0,0.17);margin-bottom: 25px;}
.opinion-card .icon {width: 100px!important;margin: 0 28px!important;margin-bottom: -3px}
.opinion-card .fa-bullhorn {font-size: 45px;}
.opinion-card .opinion-text {font-size: 1rem;font-weight: 400;line-height: 20px;margin-top: 12px;margin-bottom: 12px;margin-left: 8px;color: var(--color-grey-5);}

@media only screen and (max-width: 768px) {
    .main-article .opinion-card .icon {margin: 0 10px!important;}
    .main-article .opinion-card .fa-bullhorn {font-size: 40px;}
    .main-article .opinion-card .opinion-text {font-size: .87rem;font-weight: 400;line-height: 18px;}
}


/* Archivos y Búsqueda
   ========================================================================== */

.arch hr.line-grid {border-bottom: 2px solid rgba(0, 0, 0, .11);}
.arch .titulo {font-size: 2.3em;letter-spacing: 0.3em;text-align: center;text-transform: uppercase;padding-top: 22px;padding-bottom: 10px;}

.arch .tit-arch {font-family: var(--tipografia-titulos);font-size: 2em;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 7px;}
.arch .card-post {display: flex;flex-direction: row;gap: 20px;}
.arch .card-post .card-img {margin: 0 !important;padding: 0;width: 300px;height: 225px;object-fit: cover}
.arch .card-post .card-title {font-size: 1.37rem;margin-bottom: 10px;padding-top: 50px;}
.arch .card-post .fecha {font-size: .90em;}


@media only screen and (max-width: 768px) {
    .arch .tit-arch {font-size: 1.1em;letter-spacing: 5px;}
    .arch .card-post {gap: 2px;margin: 0;}
    .arch .card-post .card-img {flex: 0 0 150px;width: 140px;height: 140px;object-fit: cover;}
    .arch .card-post .card-title {font-size: .95rem;padding-top: 20px;}
    .arch .card-post .fecha {font-size: .80em;}
}

/* 404
   ========================================================================== */

.nofound {width: 100%;height: 90vh;display: flex;align-items: center;justify-content: center;text-align: center;}
.nofound h1 {font-size: 10em;color: var(--color-grey-3);}
.nofound p {font-size: 1.2em;}
.nofound .flex-bars {padding: 10px 20px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.nofound .bars {width: 55px;height: 10px;}
.nofound .bars:nth-child(7n-6) { background-color: #bebebe; }
.nofound .bars:nth-child(7n-5) { background-color: #bbbe00; }
.nofound .bars:nth-child(7n-4) { background-color: #00bebc }
.nofound .bars:nth-child(7n-3) { background-color: #00bd01; }
.nofound .bars:nth-child(7n-2) { background-color: #dd01c5; }
.nofound .bars:nth-child(7n-1) { background-color: #dc0000; }
.nofound .bars:nth-child(7n) { background-color: #0000c0; }

@media only screen and (max-width: 768px) {
    .nofound h1 {font-size: 8em;}
    .nofound p {font-size: 1.3em;}
    .nofound .bars {width: 39px;height: 12px;}
}

/* Footer
   ========================================================================== */

.ft {border-top: 2px solid rgba(0,0,0,.11);border-bottom: 2px solid rgba(0,0,0,.11);text-transform: uppercase;padding-top: 20px;padding-bottom: 40px;}
.ft .ft-logo {width: 270px;}
.ft .ft-social {color: #636363;font-size: 1.25em;padding-top: 22px;}
.ft .ft-social .icon-rs {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 50px;list-style: none;margin: 0;padding: 0;border-radius: 22px;}
.ft .ft-social .icon-rs a {text-decoration: none;color: inherit;}
.copy {font-size: .90em;}

@media only screen and (max-width: 768px) {
    .ft .ft-logo {width: 230px;}
    .ft .ft-social {color: #636363;font-size: 1.2em;padding-top: 22px;}
    .ft .ft-social .icon-rs {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 25px;list-style: none;margin: 0;padding: 0;border-radius: 22px;}
    .ft .ft-social .icon-rs a {text-decoration: none;color: inherit;}
    .copy {font-size: .80em;}
}