/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Variables & Mixins */
.inside-header {
    padding: 20px;
}

.main-title a, .main-title a:visited{
	color: #e80c0c;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.main-title a:hover{
	color: #fbff00;
}

.mejores-refrigeradores table, th, td 
 {
     border: 0px;
}

.tabla-compara {
  max-width: 1200px;
  margin: auto;
  width: 100%;
  font-family: 'open sans';
  font-weight: normal;
}

.pricing-table {
  width: 95%;
  margin: auto auto 20px auto;
  position: relative;
  min-height: 340px;
  padding-bottom: 55px;
  text-align: center;
  background: #fff;
}
.pricing-table ul {list-style: none}
.pricing-table li:before {
    content: "✓";
    color: #2ab300;
	 display: inline-block; width: 1em;
  margin-left: -1em;
	  text-align: left;
}

.pricing-table td {
  width: 33%;
  vertical-align: top;
}

.pricing-table #hh2 {
  display: block;
  margin-bottom: 0px;
  padding: 10px;
  font-size: 1em; 
  font-weight: 800;
  text-transform: uppercase;
}

/* Columna1 */
.pricing-table .hhA2 {
 background: #009342;
	}
.pricing-table .hhA3 {
 background: #009342;
	}
.pricing-table .hhA4 {
 background: #30B643;
	}
.pricing-table .hhA5 {
 background: #44D354;
	}
/* Columna2 */
.pricing-table .hhB2 {
 background: #8a3ce9;
	}
.pricing-table .hhB3 {
 background: #8a3ce9;
	}
.pricing-table .hhB4 {
 background: #aa77e8;
	}
.pricing-table .hhB5 {
 background: #b786f3;
	}
/* Columna3 */
.pricing-table .hhC2 {
 background: #018FFF;
	}
.pricing-table .hhC3 {
 background: #018FFF;
	}
.pricing-table .hhC4 {
 background: #39B5FF;
	}
.pricing-table .hhC5 {
 background: #65CAFC;
	}
/* Columna4 */
.pricing-table .hhD2 {
 background: #607D8B;
	}
.pricing-table .hhD4 {
 background: #90A4AE;
	}
.pricing-table .hhD5 {
 background: #B0BEC5;
	}

.pricing-table #hh3 {
  display: block;
  margin: 0;
  padding: 0 0 10px;
  font-size: 0.9em;
}


.pricing-table #hh4 {
  display: block;
  margin: 0;
  width: 100%;
  padding: 20px;

  box-sizing: border-box;
}


.pricing-table #hh5 {
  display: block;
  margin: 0 0 15px 0;
  font-weight: 700;
  padding: 10px;
}


.pricing-table #hh2,
.pricing-table #hh3,
.pricing-table #hh4,
.pricing-table #hh5 {
  color: #fff;
}

/* Popular Table */
.popular .pricing-table {
  margin-top: -10px;
  min-height: 400px;
}

.popular .pricing-table #hh2 {
  font-size: 1.2em;
  background: #FF9138;
}

.popular .pricing-table #hh3 {
  background: #FF9138;
}

.popular .pricing-table #hh4 {
  background: #FEB63D;
}

.popular .pricing-table #hh5 {
  background: #F7CD6F;
}

.pricing-table p {
  margin: 10px auto;
  padding: 5px 0 5px;
  width: 80%;
  font-weight: 300;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pricing-table #hh5 + p {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.pricing-table .precio-detalles {
  display: block;
  margin: auto;
  width: 75%;
  padding: 10px 0;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  font-size: 0.85em;
  color: #fff;
  background: #2F333C;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.popular .pricing-table .precio-detalles {
  background: #ff9138;
}

.pricing-table .precio-detalles:hover {
  background: #505A6B;
}

/*------------------------------------*/
/*---------- MEDIA QUERIES -----------*/
/*------------------------------------*/
@media screen and (max-width: 700px) {
  .tabla-compara td {
    display: block !important;
    width: 100% !important;
  }

  .pricing-table {
    min-height: 0;
  }

  .popular .pricing-table {
    margin-top: 0px;
  }
}

/*---------- youtube player -----------*/
    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 102px;
        width: 102px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
		opacity:0.7;
         background: url("../../uploads/2019/10/play-youtube.png") no-repeat; 
          cursor: pointer;
    }
.youtube-player .play:hover{
   opacity:1; 
}