* { padding: 0px; }

html, body {
 height: 100%;
 width: 100%;
 margin: 0px;
}

html {
  font-size: 14px;
  /* rem significa root em y toma como base el font-size del elemento raiz <html>. */
  /* em depende normalmente del tamaño de fuente del elemento padre */
}

body {
 /*background-color: white;
 background-image: url("background.png");*/
 /*background-color: white;
 background-size: auto;
 background-repeat: repeat;
 font-family: Verdana, sans-serif;
 color: #333;*/
 /*background-color:rgb(230,230,230);
 background-attachment: fixed; 
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 105% auto;*/
 /* font-family: Arial, Helvetica, sans-serif; */
 font-family: "Amazon Ember", "Helvetica Neue", Roboto, Arial, sans-serif;
 /* font-size: 0.7em; */
}
/*
form {display:block; height:100%;}
*/
img {border: none; margin:0px;}

table {
 border:0px; 
 border-style:hidden; 
 vertical-align:top; 
 border-spacing:0;/* Equivalente a cellspacing="0" */
}

td {padding:0;/* Equivalente a cellspadding="0" */}

input[type="text"], input[type="tel"], input[type="email"], 
input[type="password"], input[type="date"], select {
 border-color:#CFCFCF #9E9C9D #9E9C9D #D0D0D0;
 border-style:solid;
 border-width:1px;
 font-size:1.2em;
 overflow:hidden;
 padding:4px 7px 6px;
}

/* Old
input[type="text"], input[type="tel"], input[type="email"], 
input[type="password"], input[type="date"], select {
 border-width:0px 0px 1px 0px;
 border-style:solid;
 font-size:1.0rem;
 overflow:hidden;
 padding:4px 7px 6px;
}
*/

select {
 /*-webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;*/
 padding:0px 3px !important;
}

option {
 border-style:none;
 padding:4px 7px 4px;
}

option:hover {
 color:rgb(230,230,230);
 background-color:red;
}
/*
select option:first-child{}
*/
input[type="submit"]
{
 background-color: #2563EB; /* rgb(130,30,40); */
 border:none; 
 border-radius:20px;
 color:rgb(240,240,240);
 cursor:pointer;
 font-size:1.1em;
 height:33px;
 line-height:31px;
 padding:0 0 2px;
 text-align:center;
 vertical-align:middle;
 width:133px;
}

/* Old
input[type="submit"]
{
 border-radius:8px;
 color:rgb(240,240,240);
 cursor:pointer;
 font-size:0.95rem;
 height:33px;
 line-height:31px;
 padding:0 0 2px;
 text-align:center;
 vertical-align:middle;
 width:133px;
}
*/

#tBody { height:100%; }
/*
#tBody #body td
{
 background-attachment: fixed;
 background-position: right bottom;
 background-repeat: no-repeat;
}
*/
/* 
#tBody #header td (No se usa ahora es tr-header)

#tBody #body td
{
 background-attachment: fixed;
 background-position: right bottom;
 background-repeat: no-repeat;
}

@media only screen and (min-width : 1024px) 
{/*Pantallas grandes/escritorio: Fondo grande* /
  /* #tBody #header td { font-size:1.3em; letter-spacing:3px; } * /
  #tBody #body td { background-image: url('/img/fon.jpg');}
}
*/

/* #tMain ahora es tb-container */

.block
{
 border-style:none;
 margin:0px;
 padding:10px;
 display:inline-block;
 height:55px;
}
.u1
{/*+padding+border 100px+20px+0px = 120px*/
 max-width:100px;
 min-width:100px;
}
.u2
{/*+padding+border (100+100)px+20px = 220px*/
 max-width:200px;
}
.u2 input[type="text"],
.u2 input[type="tel"], .u2 input[type="email"], 
.u2 input[type="password"], .u2 input[type="date"] 
{ width:180px;}
.u2 select 
{ width:196px; /*Este control no incluye padding*/}
.u3
{/*Mas padding */
 max-width:400px;
 min-width:400px;
}

@media only screen and (min-width : 1024px) 
{/*Pantallas grandes/escritorio: Fondo grande*/
  /* .block{float:left; text-align:left;} No usadas */
}

@media only screen and (max-width : 1024px)
{/*Pantallas pequeñas/celulares */
  body {font-size:1.0em !important;}
  /* .block{float:center; text-align:center;} No usadas */
}

/* No usadas
.mensajes {font-weight: bold}
.info, .error {font-weight: bold; display: block; font-size: small}
.error {color: red}
*/
::selection {color:rgb(250,250,250);background:rgb(176,176,176);}
::-moz-selection {color:rgb(250,250,250);background:rgb(176,176,176);} 

A { text-decoration:none; }

/* header */

#tr-header {
 min-height: 50px;
 /* height: 75px; */
 color: rgb(255,255,255);
 /* box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.55); */
}

#tr-header td {
 border-bottom: none;
 text-transform: uppercase;
 /*text-shadow: rgb(0 0 0/60%) 1px 2px 2px;*/
 text-shadow: rgb(0 0 0/60%) 2px 2px 1px;
 /*color: rgb(255,255,255);
 background-color: rgb(11 31 58);*/
}
/*
#header-bar td
{
 height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 color: rgb(255,255,255);
 border: none;
 border-collapse: collapse;
}
*/
#tr-header td:first-child {
 font-size: 117%;
 letter-spacing: 5px;
 font-weight: 500;
 /*text-shadow: rgb(0 0 0/50%) 1px 1px 1px;*/
 padding-left: 20px;
}

#tr-header td:nth-child(2) {
 padding-right: 20px;
}
/*
@media only screen and (min-width : 900px) 
{/*Pantallas grandes/escritorio: Fondo grande* /
  #header-bar td { letter-spacing: 3px; }
}
*/
@media only screen and (max-width : 900px)
{/* Pantallas pequeñas/celulares */
 #tr-header td:first-child { 
   font-size: 120%; letter-spacing: 3px; }
 #tr-header td:nth-child(2) img { display: none; }
 /* #tr-header td:nth-child(2) { padding: 0px; } */
}


/* benefits */

.benefit-card {
  background-color: white;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--examia-border);
  transition: transform 0.3s, box-shadow 0.3s;
}

.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.benefit-card > div {
/*.benefit-icon*/
  font-size: 2.5rem;
  /*color: var(--examia-icons);*/
  margin-bottom: 1.5rem;
}

.benefit-card > h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  /*color: var(--examia-blue-deep);*/
}

/* resource-list */

.resource-item {
  background-color: white;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s;
}

.resource-item:hover {
  transform: translateX(5px);
}

.resource-item > a {
  /*.resource-link*/
  display: flex;
  align-items: center;
  padding: 1.25rem;
  /*color: black;*/
  text-decoration: none;
}

.resource-item > a > span:first-child {
  /*.resource-icon*/
  margin-right: 1rem;
  color: var(--examia-blue);
  font-size: 1.25rem;
}