Existen tres tipos de hipotecas, fijo, variable y mixta. Los tipos de interés fijos son los más habituales, ya que suelen tener una duración más larga, y suelen ser menos atractivos que los tipos de interés variables, ya que ofrecen menores ganancias. El tipo de interés variable es normalmente más atractivo, ya que de la evolución del mercado dependerá el tipo de interés que vayamos a tener. Sin embargo, hay que extremar las precauciones, ya que aunque en un momento dado pueda parecer más atractivo, no debemos olvidar que al final del plazo suelen ofrecer un interés mucho menor. Tambien tenemos que tener en cuenta la duración de la hipoteca, ya que cuanto menor sea el número de años, más cara será la hipoteca. Esto es debido a que en el periodo de tiempo que va desde el momento de contratar la hipoteca, hasta que termine, la tasa de interés que recibiremos será menor. En cambio, si el número de años es mayor, la mensualidad de la hipoteca será más barata, aunque el interés será mayor. La mayoría de las hipotecas tienen una duración media en torno a los 20 años,
| Logo | Tipo | Hasta | Plazo | Interu00e9s | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link | colAttrHide | colAttrHide | colAttrHide |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
 logo-ing-banco.png | Variable | 30 | 2.82 | Precio personalizado para cada cliente. Calcula tu cuota en el simulador de hipotecas de ING. | 85 | 0 € notaría | 0 € registro | Precio personalizado | ING | ING | hasta el 80% | 10, 15, 20, 25, 30 |
FiltrosBorrar filtros
#wtbp-table-17_212942_wrapper table {border-collapse: collapse;} #wtbp-table-17_212942_wrapper td {border-top: 50px solid #ffffff;} #wtbp-table-17_212942_wrapper tbody tr:first-child td {border-top: none;} #wtbp-table-17_212942_wrapper tbody tr:last-child td {border-bottom: 50px solid #ffffff;} #wtbp-table-17_212942_wrapper .child table {border-collapse: collapse;} #wtbp-table-17_212942_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-17_212942 th, #wtbp-table-17_212942 td, #wtbp-table-17_212942.wtbpVarAttributes {vertical-align: middle;} .wtbpModalContent {width: 80%;} .wtbpModalContent.wtbpModalContentForVariations {max-width: 600px;} /* Selectores de filtros*/
select {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color:#939393 !important;
/* color: -internal-light-dark(black, white);*/
margin-left:10px !important;
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;max-width:700px!important;
-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;
}
.ms-parent {
-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;}
.ms-parent {
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;
}
.ms-parent::before {
background-color: red !important;width:500px !important;
margin-right: 0px!important;
text-decoration: none !important;
font-size:12px!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;
}
.ms-drop label{
margin-right: 10px;
/*height: 40px;*/
line-height: unset;
vertical-align: baseline;
color: grey;
}
.ms-search{display:none;}
/* Estilo a Tabla*/
tbody{border:hidden !important;}
table.dataTable tbody tr { background-color: rgba(0, 0, 255, 0); border:hidden !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: 200px 90px 110px 100px 100px 120px 50px !important;*/
grid-template-columns: 14% 8% 8% 8% 8% 15% 10% !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 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-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:2% !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:30% !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: 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:12px;
color: black;
content: "✓ ";
color: #00DA1F;
}
.acf-destacados_2::before {
font-weight: bold;
font-size:12px;
color: black;
content: "✓ ";
color: #00DA1F;
}
.acf-destacados_3::before {
font-weight: bold;
font-size:12px;
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: 10vw 8vw 8vw 8vw 8vw 15vw 10vw !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 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-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: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: 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:12px;
color: black;
content: "✓ ";
color: #00DA1F;
}
.acf-destacados_2::before {
font-weight: bold;
font-size:12px;
color: black;
content: "✓ ";
color: #00DA1F;
}
.acf-destacados_3::before {
font-weight: bold;
font-size:12px;
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;
}
a.button{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;
}
a.button{color: white !important;}
.product_link a:hover {
background-color: #FFFFFF !important;
color: grey !important;
transition: 0.3s;
}
.product_link a:after {
position: absolute;
opacity: 0;
right: -20px;
transition: 0.5s;
content: "" !important;
}
}
/* Final visionado hasta Móvil ---------------------------------------------------------------------------------------------------------------------------------------------*/
Hipotecas Fijas
El interés fijo de las hipotecas es aquél interés que no se modifica con el tiempo, y siempre pagas la misma cuota mensual, no importa cuál sea el tiempo transcurrido, además el interés fijo tiene la ventaja de que no tienes que preocuparte de los cambios de precios, ya que te serán pagados los mismos intereses todos los meses.
Por otro lado, si quieres ahorrar en tus finanzas personales, el interés fijo es el indicado, ya que no te importará el tiempo transcurrido. La diferencia entre ambos tipos es que el interés fijo se crea en función del importe de la hipoteca, y por el contrario, en el interés variable, está determinado por la tasa de interés de mercado. El interés fijo se basa en el valor de la cuota inicial, que es lo que vas a pagar mensualmente al banco. Este valor no va a cambiar con el tiempo, por lo tanto será determinante para la cantidad de dinero que vas a pedir.
Ejemplo: Si optas por una cuota inicial de 1000 euros, con un tipo de interés fijo), el importe total del préstamo (en este caso 3000 euros). Esta cantidad es la única que tendrás que devolver al banco en cada mes, función del plazo elegido.
En este tipo de hipoteca tienes 2 opciones:
1. Puedes elegir una cuota mensual más baja, para que la cantidad total del préstamo sea menor y poder devolverla en un período de tiempo más largo. Este es el caso de las personas que quieren pagar su hipoteca antes de lo previsto porque han encontrado trabajo o porque no les gusta seguir pagando un interés fijo. Aunque este tipo de hipoteca exige más ajustar el presupuesto familiar.
2. Puedes elegir una cuota inicial mayor, compensando con meses más largos para pagarla (en este caso si quieres descontar 10 años). Por ejemplo: Si la cuota inicial es 1000 euros al mes tienes que decidir si vas a pagarlos durante 10 años o 15 años. Está claramente demostrado que con cada pasada del calendario cobras rentabilidad por el dinero ya invertido y además te deshaces del préstamo en menor tiempo: ¡Tu economía personal mejora!
| Logo | Tipo | Hasta | Plazo | Interés | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link |
|---|
#wtbp-table-18_288947_wrapper table {border-collapse: collapse;} #wtbp-table-18_288947_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-18_288947 th, #wtbp-table-18_288947 td, #wtbp-table-18_288947.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 ---------------------------------------------------------------------------------------------------------------------------------------------*/
Hipotecas Variables
Las hipotecas variables son aquellas que su interés se va modificando en función del mercado hipotecario. Estas hipotecas se basan en la evolución del Euríbor más una comisión que se cobra al cliente. Las hipotecas variables tienen la ventaja de que su cuota es menor en caso de iniciarse el periodo con una bajada del Euribor, y al contrario, será mayor en caso de que su evolución sea positiva. Esta ventaja se ve compensada por el hecho de tener un interés más elevado y porque las subidas o bajadas varían mucho con respecto a lo establecido en el mercado, pudiendo variar hasta +-5 puntos o más. Las hipotecas variables son más adecuadas para aquellos que piensan en vivir en el mismo domicilio durante un largo periodo de tiempo, ya que tiene la ventaja de tener una cuota más baja. Existen dos tipos de hipoteca variable: las indexadas al Euribor y las indexadas a la evolución del IPC. La diferencia entre estas es que la primera no tiene comisión fija y se basan sólo en los cambios del indicador, mientras que con la segunda si existe dicha comisión.
| Logo | Tipo | Hasta | Plazo | Interés | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link |
|---|
#wtbp-table-20_724540_wrapper table {border-collapse: collapse;} #wtbp-table-20_724540_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-20_724540 th, #wtbp-table-20_724540 td, #wtbp-table-20_724540.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 ---------------------------------------------------------------------------------------------------------------------------------------------*/
Hipotecas Mixtas
Las hipotecas mixtas, son aquellas que combinan el tipo de interés fijo y variable, dependiendo de en que momento de vida de la hipoteca se encuentre. Se trata de una hipoteca a tipo fijo durante un periodo determinado, que después cambia a tipo variable. La parte fija es la parte para financiar la compra de la vivienda y el restante va destinado al capital acumulado. Al haber una parte fija para la compra de la vivienda y el resto del capital en forma variable, se llegará a tener un periodo donde se paga más por el capital que por los intereses. Esto quiere decir, que al principio pagas muchos intereses pero a medida que avanza la hipoteca, estos bajan hasta igualarse con los gastos. Suelen ofrecerse durante determinados periodos de tiempo (entre 5 y 20 años) y suele ser utilizada comúnmente con las hipotecas para compras de primera vivienda.
| Logo | Tipo | Hasta | Plazo | Interés | Resumen | Nota | Destacados 1 | Destacados 2 | Destacados 3 | Nombre | Product link |
|---|
#wtbp-table-21_922648_wrapper table {border-collapse: collapse;} #wtbp-table-21_922648_wrapper th {background-color: #ffffff !important;font-size: 12px;text-align: center;} #wtbp-table-21_922648 th, #wtbp-table-21_922648 td, #wtbp-table-21_922648.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 ---------------------------------------------------------------------------------------------------------------------------------------------*/
Hipotecas 100%
Las hipotecas 100% son aquellas en la que el banco concede al cliente el importe integro del valor de la vivienda, incluyendo los gastos derivados de la tramitación de la operación. Sin embargo, en estos casos los intereses de demora son muy elevados y el cliente debe hacer frente a la totalidad del importe al vencimiento. Las hipotecas 100% con tipo variable son aquellas en las que el banco concede al cliente un importe inferior al valor de la vivienda, pudiendo éste adquirirla en paralelo a un seguro de impago del préstamo hipotecario. En este tipo de hipoteca, los intereses se reducen si el Banco Central Europeo baja la base monetaria (tipos) o suben si ésta se incrementa. El cliente puede optar por tener un tipo fijado o variable para su hipoteca 100%.
Hipotecas inversas
En la actualidad, los bancos están comercializando las hipotecas inversas, que son aquellas que los bancos ofrecen a las personas de una determinada edad y que ya disponen de una vivienda el propiedad. Aunque este tipo de hipotecas pueden ser interesantes, hay que tener mucho cuidado porque no todo el mundo es apto para ello. Por ejemplo, si se trata de personas muy mayores y no son dueños de su casa es importante valorar todas las alternativas a estos préstamos antes de decantarse por él.
