| Logo | Tipo | Hasta | Plazo | Interés | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link |
|---|
#wtbp-table-23_323652_wrapper table {border-collapse: collapse;} #wtbp-table-23_323652_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-23_323652 th, #wtbp-table-23_323652 td, #wtbp-table-23_323652.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 ---------------------------------------------------------------------------------------------------------------------------------------------*/
