@font-face {
  font-family: "Roboto";
  src: local('Roboto'), url(../fonts/roboto-light.woff2) format('woff2');
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
:root{
  --naranja: tomato;
  --amarillo: #ffd05b;
  --primario: #FFCE00;
  --secundario: #ba401f;
  --terciario: #fff9eb;
  --claro: #CFC;
  --oscuro: #333;
}
html{
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
body{
  font-family:'Roboto', sans-serif;
  font-size: 1em;
  color: coral;
  text-shadow: 0px 0px 1px var(--secundario) ;
  background-color: #411313;
  background-image: url(../img/red_wave.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background:linear-gradient(120deg, var(--terciario) 50%, #FFF 51%); */
}
h3, h4, H2, H1{
  margin: 10px auto;
  font-weight: bolder;
  font-style: italic;
  max-width: 900px;
}
p{
  margin:10px auto;
  font-size: 0.95em !important;
  font-family:sans-serif;
}
strong{
  font-size: 1em!important;
  color: #ff6122;
}
a, .links, .links:hover, .links:focus{
  font-size: 1.2em!important;
  text-decoration: underline;
  color: darkorange !important;
  font-style: italic;
  font-weight: 400 !important;
}



.main-container{
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-columns: 1fr;
  grid-template-rows:50px 1fr 50px;
  align-items: start;
  justify-items: center;
}
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.justi{
  text-align: justify;
}
nav{
  grid-row: 1;
  width: 100%;
  background-color: var(--secundario);
  height: 50px;
  display: grid;
  grid-template-columns: 50px 1fr 50px;
  justify-content: center;
  align-items: center;
}
.main-tit{
  margin-bottom: 30px;
  font-size: clamp(1em, 6vw, 2em);
}

.volver{
  grid-column: 1;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 10px;
  z-index: 149;
  transform: rotate(-90deg);
}
.volver::after{
  position: relative;
  right: 2px;
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='35' width='35' viewBox='0 0 200 200'><path fill='black' d='M108.000,31.000 L178.000,100.000 C178.000,100.000 183.000,104.200 183.000,112.000 C183.000,119.800 183.000,159.500 183.000,163.000 C183.000,166.500 180.200,173.200 174.000,167.000 C167.800,160.800 105.000,98.000 105.000,98.000 C105.000,98.000 99.800,93.200 95.000,98.000 C90.200,102.800 26.000,167.000 26.000,167.000 C26.000,167.000 16.000,174.000 16.000,161.000 C16.000,148.000 16.000,118.400 16.000,114.000 C16.000,108.600 19.000,104.000 23.000,100.000 C27.000,96.000 95.000,28.000 95.000,28.000 C95.000,28.000 102.200,23.000 108.000,31.000 Z'/></svg>");
}
.logo{
  grid-column: 2;
  width: 100%;
  height: 40px;
  display: block;
  background: no-repeat url(../img/logo_tyc.png);
  background-position: center;
  background-size: contain;
}
.menu{
  grid-column: 3;
  width:50px;
}
.contenido{
  max-width: 900px;
  grid-row: 2;
  padding: 20px 30px;
}
.items li{
  margin-top: 8px;
  margin-bottom: 8px;
  margin-inline: auto;
}
.contenido > H2 {
  margin: 30px auto 20px auto;
}
table, th, td {
  border: 1px solid #ad0202;
}
.tabla-container{
  margin:20px auto;
  padding: 0px 20px;
  display: grid;
  grid-template-columns: 1fr;
  font-style: italic;
  font-size: 0.75em;
  color: orange;
  text-shadow: 0px 0px 1px red;
}
.tabla-tarifas{
  border-collapse: collapse;
  text-align: center;
}
tr:nth-child(1) {
  font-weight: bolder;
  color: white;
  font-size: 0.95em!important;
  font-style: normal;
  background-color: tomato;
  text-shadow:none;
}
.tabla-tarifas td{
  padding: 2px;
}
.top{
  grid-row: 2;
  cursor: pointer;
  position: fixed;
  width: 35px;
  height: 35px;
  bottom: 20px;
  right: 6px;
  padding: 10px;
  z-index: 149;
  mix-blend-mode: difference;
}