| Logo | Tipo | Hasta | Plazo | Interés | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link | 
|---|
| rn-logo.jpg | Fijo |  |  | 2.6 | Con un interés del 2,6%, esta hipoteca ofrece hasta el 100% + gastos de la financiación del precio para comprar de tu vivienda, | 100 | Hasta el 100% | Hasta 30 años | Incluido gastos | Fija RN 100% + Gastos |  | 
	
	
		 
	
	
		#wtbp-table-18_112750_wrapper table {border-collapse: collapse;} #wtbp-table-18_112750_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-18_112750 th, #wtbp-table-18_112750 td, #wtbp-table-18_112750.wtbpVarAttributes {vertical-align: middle;} .wtbpModalContent {width: 80%;} .wtbpModalContent.wtbpModalContentForVariations {max-width: 600px;} /* Selectores de filtros*/
slect{
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;}
select {
   height:40px;
  -webkit-border-radius: 5px 5px 0 0 !important;
   -moz-border-radius: 5px 5px 0 0 !important;
  -webkit-text-size-adjust: 100% !important;
   border-radius: 5px !important;
   background-color: #FFFFFF !important;
   border: solid #FFAE00 1px !important;
   text-decoration: none !important;
  font-size:14px;
   
  }
select::before {
  background-color: red !important;width:500px !important;
}
option{
  
   margin-right: 0px!important;
   text-decoration: none !important;
  font-size:12px!important;
}
.wtbpFilters .wtbpFiltersWrapper select, .wtbpFilters .ms-parent {
    margin-right: 10px;
    /*height: 40px;*/
    line-height: unset;
    vertical-align: baseline;
}
/* Estilo a Tabla*/
tbody{border:hidden !important;}
table.dataTable tbody tr { background-color: rgba(0, 0, 255, 0); border:hidden !important;}  
/* Quitar Paginacion */  
.dataTables_paginate, .paging_simple_numbers{display: none !important;}
/*    ESCRITORIO  FULL HD --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen and (min-width: 1280px) { 
  
  /*thead{ display: none; }  /*  Importante para responsive Solo Escritorio  */
  
  tr{
    display:grid; 
    grid-template-columns: 200pxw 90px 110px 100px 100px 100px 50px !important;
    grid-template-rows: 50px auto !important;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(100px, auto);	
  }
  
  tr{
  text-align: center !important;
  border:none !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px 50px;
  grid-auto-rows: minmax(200px, auto);
  }
  
  tr{
    -webkit-box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important; 
    box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important;
    margin:20px 0 40px 0 !important;
    padding:30px 0 40px 0 !important;
  }
  
/* ----- ORDEN -------------------------------------------------------------------------------------------------------------------------- */
  
  
/* Imágen Moneda -------------------------------------------------------------------------*/
  
.acf-moneda img{width:50px;}
/* Imágen --------------------------------------------------------------------------------*/
.acf-logo img{width:100%; align-self: center;   }
td.acf-logo { padding:0px !important; grid-column: 1; grid-row: 1; margin:0px 0px 0px 0;}
/* Título --------------------------------------------------------------------------------*/
td.product_title, a.product_title{
  font-size: 16px;
  grid-column: 1; grid-row: 2; margin:10px 0px 0px 0; padding:0 !important; 
  
}
  
/* Tipos y Varios -------------------------------------------------------------------------*/  
  
.acf-tipo
{
    padding-bottom:0px !important; padding-right:0 !important; padding-top:1% !important; padding-left:0 !important; align-self:left; grid-column: 2;   grid-row: 1; 
  margin: auto 0 0 0; text-align:left;
  
}
  
   .acf-hasta
{margin: auto 0 0 0; text-align:left;
    padding-bottom:0px !important; padding-right:6% !important; padding-top:1% !important; padding-left:0 !important; align-self:center; grid-column: 3;   grid-row: 1; 
  
}
  
   .acf-plazo_maximo
{margin: auto 0 0 0; text-align:left;
   float:left; padding-bottom:0px !important; padding-left:6% !important; padding-top:1% !important; padding-right:5% !important; grid-column: 4;   grid-row: 1;
  
}
  
      .acf-interes
{margin: auto 0 0 0; text-align:left;
   float:right; padding-bottom:0px !important; padding-left:5% !important; padding-top:1% !important; padding-right:0 !important; grid-column: 5;   grid-row: 1;
  
}
.acf-tipo::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Tipo: \A"; display: block;
}
    
 
.acf-hasta::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Hasta: \A"; display: block;
}
    .acf-hasta::after {    content: " €";  }
  
.acf-plazo_maximo::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Plazo: \A"; display: block;
}
    .acf-plazo_maximo::after {    content: " años";  }
  
  .acf-interes::before {
  font-weight: bold;
    font-size:12px;
  color: black;
  content: "Interés: \A";display: block;
}
    .acf-interes::after {    content: " %";  }
  
 
/* Resumen parrafo ---------------------------------------------------------------------------*/ 
  
.acf-resumen { margin: 0 0px auto 0px; padding:0px !important;   text-align: justify; grid-column: 2/6;   grid-row: 2;  font-size:14px !important;}
  
  
 
/* Destacados con tick  -----------------------------------------------------------------------*/
 
 td.acf-destacados_1{ float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1; margin-top: 0px; display: inline-block;}
 td.acf-destacados_2{float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1;margin-top: 40px; display: inline-block;}
 td.acf-destacados_3{float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1;margin-top: 80px; display: inline-block;}
  
  .acf-destacados_1::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_2::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_3::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
/* Nota Hipotecador ------------------------------------------------------------------------------------*/
td.acf-Nota {
  	font-size: 90px; /* Tamaño Numero de la Nota*/
  	font-weight: 700 !important;
  	Color: orange !important;
  	padding: 0px !important;
  	margin-top:20px;
  	line-height :10px !important;   clear: both;  grid-column: 7;   grid-row: 1;
}
  
td.acf-Nota::after{
  content:" Nota El Hipotecador"; 
  color: black;
  font-weight: bold; 
  font-size:10px; 
  line-height :50px !important; 
  padding: 0px ; 
  margin:20px 0 0 0; vertical-align:super; display: block;
  height:10px }
  
#subtitulo {   /* Texto Nota Hipotecador */
  line-height:1em !important; 
  margin:0 !important; 
  padding:20px 0 0 0; 
  font-size: 0.1em !important;
   Color: black !important;
   font-weight: 600 !important;
	}
.acf-Nota a { line-height :10px !important;  }
/* Boton + Info --------------------------------------------------------------------------------*/
td.product_link{grid-column: 7;   grid-row: 2; padding:0 !important; margin:25px 0 0 0 !important}
p.boton {   padding: 0px !important;
  margin: -10px !important; line-height: 0px; 
}
.wtbpAcfLinkImage{width:70% !important; padding-top:0px;}
  
.product_link a {
  	
   -webkit-border-radius: 40px !important;
   -moz-border-radius: 40px !important;
   border-radius: 40px !important;
   font-size: 10px !important;
   font-weight:900 !important;
   padding: 0px 0px!important;
  margin:0 0px 0 0 !important; 
   background-color: #FFAE00 !important;
   border: solid #FFAE00 3px !important;
   text-decoration: none !important;
   display: inline-block !important;
   text-align: center !important;
   width:100% !important;
  line-height: 0.1em; color: white !important;
  
}
.product_link a:hover {
  background-color: #FFFFFF !important;
  background:none;
  color: grey !important;
  font-weight:900 !important;
    transition: 0.3s;
}
.product_link a:after {
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
  background:none;
  content: "" !important;
}
} 
/*      Final visionado FULL HD      ---------------------------------------------------------------------------------------------------------------------------------------------*/
/*    ESCRITORIO  HD Solo --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen and (max-width: 1280px) and (min-width: 768px) { 
  
  thead{ display: none; }  /*  Importante para responsive Solo Escritorio  */
  
  tr{
    display:grid; 
    grid-template-columns: 9vw 8vw 8vw 7vw 8vw 13vw 8vw !important;
    grid-template-rows: 50px auto !important;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(100px, auto);	
  }
  
  tr{
  text-align: center !important;
  border:none !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px 40px;
  grid-auto-rows: minmax(200px, auto);
  }
  
  tr{
    -webkit-box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important; 
    box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important;
    margin:20px 0 30px 0 !important;
    padding:20px 0 30px 0 !important;
  }
  
/* ----- ORDEN -------------------------------------------------------------------------------------------------------------------------- */
  
  
/* Imágen Moneda -------------------------------------------------------------------------*/
  
.acf-moneda img{width:50px;}
/* Imágen --------------------------------------------------------------------------------*/
.acf-logo img{width:100%; align-self: center;   }
td.acf-logo { padding:0px !important; grid-column: 1; grid-row: 1; margin:0px 0px 0px 0;}
/* Título --------------------------------------------------------------------------------*/
td.product_title, a.product_title{
  font-size: 16px;
  grid-column: 1; grid-row: 2; margin:10px 0px 0px 0; padding:0 !important; 
  
}
  
/* Tipos y Varios -------------------------------------------------------------------------*/  
  
.acf-tipo
{
    padding-bottom:0px !important; padding-right:0 !important; padding-top:1% !important; padding-left:0 !important; align-self:center; grid-column: 2;   grid-row: 1; 
  margin: auto 0 0 0; text-align:left;
  
}
  
   .acf-hasta
{margin: auto 0 0 0; text-align:center;
    padding-bottom:0px !important; padding-right:6% !important; padding-top:1% !important; padding-left:0 !important; align-self:center; grid-column: 3;   grid-row: 1; 
  
}
  
   .acf-plazo_maximo
{margin: auto 0 0 0; text-align:center;
   float:left; padding-bottom:0px !important; padding-left:6% !important; padding-top:1% !important; padding-right:5% !important; grid-column: 4;   grid-row: 1;
  
}
  
      .acf-interes
{margin: auto 0 0 0; text-align:right;
   float:right; padding-bottom:0px !important; padding-left:5% !important; padding-top:1% !important; padding-right:0 !important; grid-column: 5;   grid-row: 1;
  
}
.acf-tipo::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Tipo: \A"; display: block;
}
    
 
.acf-hasta::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Hasta: \A"; display: block;
}
    .acf-hasta::after {    content: " €";  }
  
.acf-plazo_maximo::before {
  font-weight: bold;
  font-size:12px;
  color: black;
  content: "Plazo: \A"; display: block;
}
    .acf-plazo_maximo::after {    content: " años";  }
  
  .acf-interes::before {
  font-weight: bold;
    font-size:12px;
  color: black;
  content: "Interés: \A";display: block;
}
    .acf-interes::after {    content: " %";  }
  
 
/* Resumen parrafo ---------------------------------------------------------------------------*/ 
  
.acf-resumen { margin: 0 0px auto 0px; padding:0px !important;   text-align: justify; grid-column: 2/6;   grid-row: 2;  font-size:12px !important;}
  
  
 
/* Destacados con tick  -----------------------------------------------------------------------*/
 
 td.acf-destacados_1{ float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1; margin-top: 0px; display: inline-block;}
 td.acf-destacados_2{float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1;margin-top: 45px; display: inline-block;}
 td.acf-destacados_3{float:right; padding: 0 0px 0 10px !important; text-align:left;  grid-column: 6;   grid-row: 1;margin-top: 90px; display: inline-block;}
  
  .acf-destacados_1::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_2::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_3::before {
  font-weight: bold;
  font-size:10px;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
/* Nota Hipotecador ------------------------------------------------------------------------------------*/
td.acf-Nota {
  	font-size: 90px; /* Tamaño Numero de la Nota*/
  	font-weight: 700 !important;
  	Color: orange !important;
  	padding: 0px !important;
  	
  	line-height :10px !important;   clear: both;  grid-column: 7;   grid-row: 1;
}
  
td.acf-Nota::after{
  content:" Nota El Hipotecador"; 
  color: black;
  font-weight: bold; 
  font-size:10px; 
  line-height :50px !important; 
  padding: 0px ; 
  margin:20px 0 0 0; vertical-align:super;
  height:10px }
  
#subtitulo {   /* Texto Nota Hipotecador */
  line-height:1em !important; 
  margin:0 !important; 
  padding:20px 0 0 0; 
  font-size: 0.1em !important;
   Color: black !important;
   font-weight: 600 !important;
	}
.acf-Nota a { line-height :10px !important;  }
/* Boton + Info --------------------------------------------------------------------------------*/
td.product_link{grid-column: 7;   grid-row: 2; padding:0 !important; margin:30px 0 0 0 !important}
p.boton {   padding: 0px !important;
  margin: -10px !important; line-height: 0px; 
}
.wtbpAcfLinkImage{width:70% !important; padding-top:0px;}
  
.product_link a {
  	
   -webkit-border-radius: 40px !important;
   -moz-border-radius: 40px !important;
   border-radius: 40px !important;
   font-size: 10px !important;
   font-weight:600 !important;
   padding: 0px 0px!important;
  margin:0 0px 0 0 !important; 
   background-color: #FFAE00 !important;
   border: solid #FFAE00 3px !important;
   text-decoration: none !important;
   display: inline-block !important;
   text-align: center !important;
   width:100% !important;
  line-height: 0.1em; color: white !important;
  
}
.product_link a:hover {
  background-color: #FFFFFF !important;
  background:none;
  color: grey !important;
    transition: 0.3s;
}
.product_link a:after {
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
  background:none;
  content: "" !important;
}
} 
/*      Final visionado hasta 1280px     ---------------------------------------------------------------------------------------------------------------------------------------------*/
/*    MOVIL  --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen and (max-width: 768px) and (min-width: 8px) { 
  
  thead{ display: none; }  /*  Importante para responsive Solo Escritorio  */
  
  
  
    tr{
  text-align: center !important;
  border:none !important;
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(6,auto);
  grid-template-areas:
    "a a a a"
    "b b b b"
    "c d d d"
    "e f f f"
    "g h h h"
    "i i i i"; grid-gap: 15px 10px;
  
  }
  
  tr{
    -webkit-box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important; 
    box-shadow: 0px 17px 19px -11px rgba(0,0,0,0.05) !important;
    margin:20px 0 50px 0 !important;
    padding:30px 0 50px 0 !important;
  }
  
/* ----- ORDEN -------------------------------------------------------------------------------------------------------------------------- */
  
  
/* Imágen Moneda -------------------------------------------------------------------------*/
  
.acf-moneda img{width:50px;}
/* Imágen --------------------------------------------------------------------------------*/
.acf-logo img{width:100%; align-self: center;   }
td.acf-logo { padding:0px !important; grid-area: a; margin:0px 0px 0px 0;}
/* Título --------------------------------------------------------------------------------*/
td.product_title, a.product_title{
  font-size: 2.5em;
  line-height:1;
  grid-area:b;  margin:0px 0px 0px 0; padding:0 !important; grid-area:b; /* GRID */
  
}
  
/* Tipos y Varios -------------------------------------------------------------------------*/  
  
.acf-tipo
{	grid-area:c; /* GRID */ font-size: 1.5em; line-height:1em;
    padding-bottom:0px !important; padding-right:0 !important; padding-top:1% !important; padding-left:10px !important; align-self:center;  
  margin: auto 0 0 0; text-align:left;
  
}
  
   .acf-hasta
{	margin: auto 0 0 0; text-align:left; grid-area:d; /* GRID */ font-size: 1.5em; line-height:1em;
    padding-bottom:0px !important; padding-right:0px !important; padding-top:1% !important; padding-left:0 !important; align-self:right; 
  
}
  
   .acf-plazo_maximo
{	margin: auto 0 0 0; text-align:left; grid-area:e; /* GRID */ font-size: 1.5em; line-height:1em;
   float:left; padding-bottom:0px !important; padding-left:10px !important; padding-top:1% !important; padding-right:0 !important; 
  
}
  
      .acf-interes
{	margin: auto 0 0 0; text-align:left; grid-area:f; /* GRID */ font-size: 1.5em; line-height:1em;
   float:right; padding-bottom:0px !important; padding-left:0 !important; padding-top:1% !important; padding-right:0px !important; 
  
}
.acf-tipo::before { 
  font-weight: bold;
  font-size:1em;line-height:1.5em;
  color: black;
  content: "Tipo: \A"; display: block; 
}
    
 
.acf-hasta::before {
  	font-weight: bold;
	font-size:1em;line-height:1.5em;
  	color: black;
  	content: "Hasta: \A"; display: block;
}
    .acf-hasta::after {    content: " €";  }
  
.acf-plazo_maximo::before {
  font-weight: bold;
  font-size:1em;line-height:1.5em;
  color: black;
  content: "Plazo: \A"; display: block;
}
    .acf-plazo_maximo::after {    content: " años";  }
  
  .acf-interes::before {
  font-weight: bold;
  font-size:1em;line-height:1.5em;
  color: black;
  content: "Interés: \A";display: block;
}
    .acf-interes::after {    content: " %";  }
  
 
/* Resumen parrafo ---------------------------------------------------------------------------*/ 
  
.acf-resumen { margin: 0 30px auto 30px; padding:0px !important;   text-align: justify; font-size:12px !important; display:none;}
  
  
 
/* Destacados con tick  -----------------------------------------------------------------------*/
 
 td.acf-destacados_1{font-size:1em;line-height:0.5em;  padding: 0px 0px 0 0px !important; text-align:left; margin-top: 25px; display: inline-block;grid-area:h; /* GRID */}
 td.acf-destacados_2{font-size:1em;line-height:0.5em;  padding: 0 0px 0 0px !important; text-align:left;  margin-top: 55px; display: inline-block;grid-area:h; /* GRID */}
 td.acf-destacados_3{font-size:1em;line-height:0.5em;  padding: 0 0px 0 0px !important; text-align:left;  margin-top: 85px; display: inline-block;grid-area:h; /* GRID */}
  
  .acf-destacados_1::before {
  font-weight: bold;
  font-size:1em;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_2::before {
  font-weight: bold;
  font-size:1em;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
    .acf-destacados_3::before {
  font-weight: bold;
  font-size:1em;
  color: black;
  content: "✓  ";
color: #00DA1F;
 	}
  
/* Nota Hipotecador ------------------------------------------------------------------------------------*/
.acf-Nota {
  	font-size: 6em; /* Tamaño Numero de la Nota*/
  	font-weight: 700 !important;
  	Color: orange !important;
  	padding: 0px !important;
  	grid-area:g; /* GRID */
  	margin-top:0px; 
  	text-align:left;
    line-height:1 !important;
}
  
td.acf-Nota::after{
  content:" Nota El Hipotecador"; display:block;
  color: black;
  font-weight: bold; 
  font-size:10px; 
  line-height :1 !important;  
  padding: 0px ; padding-bottom:20px; padding-left:10px;
    }
  
.acf-Nota a { line-height :6em !important;  }
/* Boton + Info --------------------------------------------------------------------------------*/
td.product_link{text-align:center;grid-area:i; /* GRID */  width:100%;padding:0 !important; margin:0 0 0 0 !important}
p.boton {   padding: 0px !important;
  margin: 0px !important; line-height: 0px; margin-top:40px;
}
.wtbpAcfLinkImage{width:70% !important; padding-top:0px;}
  
.product_link a {
  	
   -webkit-border-radius: 40px !important;
   -moz-border-radius: 40px !important;
   border-radius: 40px !important;
   font-size: 20px !important;
   font-weight:600 !important;
   padding: 0px 0px!important;
  margin:0 0px 0 0 !important; 
   background-color: #FFAE00 !important;
   border: solid #FFAE00 3px !important;
   text-decoration: none !important;
   display: inline-block !important;
   text-align: center !important;
   width:100% !important;
  line-height: 0.1em; color: white !important;
  
}
.product_link a:hover {
  background-color: #FFFFFF !important;
  
  color: gray !important;
    transition: 0.3s;
}
.product_link a:after {
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
  content: "" !important;
}
} 
/*      Final visionado hasta Móvil     ---------------------------------------------------------------------------------------------------------------------------------------------*/