{"id":2,"date":"2025-11-07T10:09:41","date_gmt":"2025-11-07T10:09:41","guid":{"rendered":"https:\/\/corfri.com\/?page_id=2"},"modified":"2025-12-19T09:49:33","modified_gmt":"2025-12-19T09:49:33","slug":"home","status":"publish","type":"page","link":"https:\/\/corfri.com\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769b8e7 hero-full e-flex e-con-boxed e-con e-parent\" data-id=\"769b8e7\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37e33c1 e-flex e-con-boxed e-con e-child\" data-id=\"37e33c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c44ecf hero-title elementor-widget elementor-widget-heading\" data-id=\"5c44ecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">M\u00c1S DE 40 A\u00d1OS GENERANDO VALOR EN FINANZAS Y REAL ESTATE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db31a38 hero-subtitle elementor-widget elementor-widget-heading\" data-id=\"db31a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Inversiones diversificadas, sostenibles y con visi\u00f3n a largo plazo<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d86d24d e-con-full e-flex e-con e-parent\" data-id=\"d86d24d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd32b71 elementor-widget elementor-widget-html\" data-id=\"dd32b71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N ENLACE A QUI\u00c9NES SOMOS -->\r\n<div class=\"about-hero-link\">\r\n\r\n  <div class=\"about-hero-inner scroll-animate\">\r\n    <!-- COLUMNA TEXTO -->\r\n    <div class=\"about-hero-text\">\r\n      <div class=\"about-hero-kicker\">Qui\u00e9nes somos<\/div>\r\n      <h2 class=\"about-hero-title\">Nuestra historia<\/h2>\r\n\r\n      <p class=\"about-hero-paragraph\">\r\n        Desde 1984, CORFRI ha construido un grupo s\u00f3lido y diversificado,\r\n        combinando visi\u00f3n estrat\u00e9gica, disciplina financiera y una gesti\u00f3n\r\n        prudente del riesgo. Descubre c\u00f3mo hemos convertido el crecimiento\r\n        sostenible en una realidad a largo plazo.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/corfri.com\/quienes-somos\/\" class=\"about-hero-btn\">\r\n        Saber m\u00e1s\r\n        <span class=\"about-hero-btn-icon\">\u279c<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA IMAGEN \/ BLOQUE VISUAL -->\r\n    <div class=\"about-hero-media\">\r\n      <div class=\"about-hero-media-overlay\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* ===========================\r\n    CONTENEDOR GENERAL\r\n=========================== *\/\r\n.about-hero-link{\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 40px 20px 60px;\r\n}\r\n\r\n\/* CARD PRINCIPAL *\/\r\n.about-hero-inner{\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  background: radial-gradient(circle at top left, rgba(128,182,255,0.18), transparent 55%),\r\n              rgba(7, 19, 50, 0.96);\r\n  border-radius: 22px;\r\n  border: 1px solid rgba(128,182,255,0.25);\r\n  box-shadow: 0 26px 70px rgba(0,0,0,0.55);\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);\r\n  gap: 40px;\r\n  overflow: hidden;\r\n\r\n  \/* ESTADO INICIAL (sin animaci\u00f3n) *\/\r\n  opacity: 0;\r\n  transform: translateY(30px) scale(0.97);\r\n}\r\n\r\n\/* Cuando entra en pantalla *\/\r\n.about-hero-inner.visible{\r\n  animation: aboutHeroIn 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n}\r\n\r\n\/* ===========================\r\n    TEXTO\r\n=========================== *\/\r\n.about-hero-text{\r\n  padding: 42px 60px;\r\n  color: #dfe7ff;\r\n  font-family: \"Libre Baskerville\", serif;\r\n}\r\n\r\n.about-hero-kicker,\r\n.about-hero-title,\r\n.about-hero-paragraph,\r\n.about-hero-btn{\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n}\r\n\r\n\/* Cuando est\u00e1 visible \u2192 texto aparece escalonado *\/\r\n.about-hero-inner.visible .about-hero-kicker{\r\n  animation: aboutTextIn 0.6s ease-out 0.25s forwards;\r\n}\r\n.about-hero-inner.visible .about-hero-title{\r\n  animation: aboutTextIn 0.7s ease-out 0.38s forwards;\r\n}\r\n.about-hero-inner.visible .about-hero-paragraph{\r\n  animation: aboutTextIn 0.7s ease-out 0.52s forwards;\r\n}\r\n.about-hero-inner.visible .about-hero-btn{\r\n  animation: aboutTextIn 0.7s ease-out 0.7s forwards;\r\n}\r\n\r\n\/* ===========================\r\n    ESTILOS\r\n=========================== *\/\r\n.about-hero-kicker{\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.22em;\r\n  font-size: 11px;\r\n  color: #8fb3ff;\r\n  margin-bottom: 10px;\r\n  position: relative;\r\n  padding-left: 80px;\r\n  font-family: \"Libre Baskerville\", serif;\r\n}\r\n\r\n.about-hero-kicker::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  width: 70px;\r\n  height: 1px;\r\n  background: rgba(143,179,255,0.8);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.about-hero-title{\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(30px, 3.4vw, 44px);\r\n  color: #f5f8ff;\r\n  margin: 8px 0 22px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n.about-hero-paragraph{\r\n  font-family: \"Libre Baskerville\", serif;\r\n  font-size: 22px;\r\n  line-height: 1.8;\r\n  max-width: 640px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* ===========================\r\n    BOT\u00d3N\r\n=========================== *\/\r\n.about-hero-btn{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n\r\n  padding: 14px 34px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, #80B6FF, #4e8ce6);\r\n  color: #05122c;\r\n}\r\n\r\n.about-hero-btn:hover{\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 0 24px rgba(128,182,255,0.9);\r\n}\r\n\r\n\/* ===========================\r\n    IMAGEN \/ BLOQUE VISUAL\r\n=========================== *\/\r\n.about-hero-media{\r\n  position: relative;\r\n  min-height: 260px;\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  \/* Imagen limpia, sin tinte ni degradado *\/\r\n  background-image: url(\"https:\/\/corfri.com\/wp-content\/uploads\/2025\/11\/7-scaled-e1763461391941.png\");\r\n  background-size: 65%;\r\n  background-repeat: no-repeat;\r\n  background-position: center 40%;\r\n}\r\n\r\n\/* quitamos overlay *\/\r\n.about-hero-media-overlay{\r\n  display: none !important;\r\n}\r\n\r\n\/* ===========================\r\n    ANIMACIONES\r\n=========================== *\/\r\n@keyframes aboutHeroIn{\r\n  0%{\r\n    opacity: 0;\r\n    transform: translateY(30px) scale(0.97);\r\n  }\r\n  60%{\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n  100%{\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes aboutTextIn{\r\n  from{\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* ===========================\r\n    RESPONSIVE\r\n=========================== *\/\r\n\r\n\/* Tablet y pantallas medianas *\/\r\n@media (max-width: 1024px){\r\n  .about-hero-inner{\r\n    grid-template-columns: 1fr;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .about-hero-media{\r\n    order: -1;\r\n    min-height: 220px;\r\n    background-size: 55%;          \/* un poco m\u00e1s peque\u00f1a *\/\r\n    background-position: center 45%;\r\n  }\r\n\r\n  .about-hero-text{\r\n    padding: 32px 26px 40px;\r\n  }\r\n}\r\n\r\n\/* M\u00f3vil vertical general *\/\r\n@media (max-width: 600px){\r\n  .about-hero-inner{\r\n    border-radius: 18px;\r\n  }\r\n  .about-hero-btn{\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .about-hero-media{\r\n    background-size: 50%;\r\n    background-position: center 45%;\r\n    min-height: 200px;\r\n  }\r\n}\r\n\r\n\/* TABLET HORIZONTAL (768\u20131024px) *\/\r\n@media (max-width: 1024px) and (orientation: landscape){\r\n  .about-hero-media{\r\n    background-size: 45% !important;\r\n    background-position: center 50% !important;\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n\r\n\/* M\u00d3VIL HORIZONTAL (\u2264 767px) *\/\r\n@media (max-width: 767px) and (orientation: landscape){\r\n  .about-hero-media{\r\n    background-size: 38% !important;\r\n    background-position: center 55% !important;\r\n    min-height: 180px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/* ==========================================\r\n   ANIMACI\u00d3N POR SCROLL CON INTERSECTION OBSERVER\r\n========================================== *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const target = document.querySelector(\".about-hero-inner\");\r\n\r\n  if (!target) return;\r\n\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        target.classList.add(\"visible\");\r\n        observer.unobserve(target);\r\n      }\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  observer.observe(target);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc801cb e-con-full e-flex e-con e-parent\" data-id=\"fc801cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91bfaa5 elementor-widget elementor-widget-html\" data-id=\"91bfaa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\r\n     SECCI\u00d3N CORPORATIVA IMPACTO\r\n================================ -->\r\n<section class=\"corfri-impact-section\">\r\n\r\n  <!-- COLUMNA IZQUIERDA -->\r\n  <div class=\"corfri-impact-left\">\r\n    <div class=\"cil-label\">Resultados a largo plazo<\/div>\r\n\r\n    <h2 class=\"cil-title\">\r\n      De <span class=\"cil-number\">80 millones<\/span> de pesetas<br>\r\n      a m\u00e1s de <span class=\"cil-number\">28 millones<\/span> de euros en la actualidad.\r\n    <\/h2>\r\n\r\n    <p class=\"cil-text\">\r\n  Impulsado por un crecimiento neto compuesto superior al <span class=\"cil-highlight\">10% anual<\/span> de los beneficios.\r\n<\/p>\r\n\r\n  <\/div>\r\n\r\n  <!-- COLUMNA DERECHA CON CITA ROTATIVA -->\r\n  <div class=\"corfri-impact-right\">\r\n    <div class=\"cir-card spotlight\">\r\n\r\n      <div class=\"cir-quote-icon\">\u201c<\/div>\r\n\r\n      <div class=\"cir-slider\">\r\n        <div class=\"cir-slide active\">\r\n          Una historia de \u00e9xito que refleja visi\u00f3n, constancia y compromiso.\r\n        <\/div>\r\n        <div class=\"cir-slide\">\r\n          Avanzamos con disciplina para construir un crecimiento sostenible.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===============================\r\n            CSS\r\n================================ -->\r\n<style>\r\n\r\n\/* ============================\r\n   SECCI\u00d3N SIN FONDO\r\n============================ *\/\r\n.corfri-impact-section{\r\n  width: 100%;\r\n  padding: 80px 40px;\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  align-items: center;\r\n  gap: 60px;\r\n  position: relative;\r\n  background: transparent !important;\r\n}\r\n\r\n\/* ============================\r\n   COLUMNA IZQUIERDA\r\n============================ *\/\r\n.corfri-impact-left{\r\n  color: #ffffff;\r\n  padding-left: 40px;\r\n}\r\n\r\n.cil-label{\r\n  text-transform: uppercase;\r\n  font-family: \"Libre Baskerville\", serif;\r\n  letter-spacing: .22em;\r\n  font-size: 13px;\r\n  color: #8fb3ff;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.cil-title{\r\n  font-family: \"Playfair Display\", serif;\r\n  text-transform: uppercase;\r\n  font-size: clamp(30px, 3.3vw, 44px);\r\n  line-height: 1.2;\r\n  margin-bottom: 18px;\r\n  color: #ffffff;\r\n}\r\n\r\n.cil-number{\r\n  color: #80B6FF;\r\n  text-shadow: 0 0 14px rgba(128,182,255,0.65);\r\n}\r\n\r\n.cil-text{\r\n  font-family: \"Libre Baskerville\", serif;\r\n  font-size: 28px;\r\n  line-height: 1.8;\r\n  color: #ffffff;\r\n}\r\n\r\n.cil-highlight{\r\n  color: #80B6FF;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ============================\r\n   COLUMNA DERECHA - CITA\r\n============================ *\/\r\n.corfri-impact-right{\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n\/* TARJETA DE LA CITA (sin fondo real) *\/\r\n.cir-card{\r\n  position: relative;\r\n  border-radius: 26px;\r\n  padding: 36px 40px 40px; \/* menos margen superior e inferior *\/\r\n  width: 100%;\r\n  max-width: 650px;\r\n\r\n  background: rgba(0,0,0,0.10); \/* leve sombra para contraste *\/\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 18px 55px rgba(0,0,0,0.45);\r\n\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Halo de luz suave *\/\r\n.spotlight::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.14), transparent 70%);\r\n  mix-blend-mode: screen;\r\n  animation: glowMove 8s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes glowMove{\r\n  from{ background-position: 20% 40%; }\r\n  to  { background-position: 80% 60%; }\r\n}\r\n\r\n\/* ============================\r\n   COMILLAS\r\n============================ *\/\r\n.cir-quote-icon{\r\n  font-family: \"Playfair Display\", serif;\r\n  font-size: 58px;         \/* un poco m\u00e1s peque\u00f1o *\/\r\n  color: #9cbaff;\r\n  opacity: .85;\r\n  margin-bottom: 0px;      \/* acercado *\/\r\n  animation: quotePulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes quotePulse{\r\n  0%,100%{ transform: scale(1); opacity: .75; }\r\n  50%     { transform: scale(1.08); opacity: .95; }\r\n}\r\n\r\n\/* ============================\r\n   SLIDER DE TEXTO\r\n============================ *\/\r\n.cir-slider{\r\n  position: relative;\r\n  height: 85px; \/* menos alto \u2192 texto m\u00e1s cerca *\/\r\n  display: flex;\r\n  align-items: flex-start; \/* sube el texto *\/\r\n  justify-content: center;\r\n  padding-top: 0;\r\n}\r\n\r\n.cir-slide{\r\n  position: absolute;\r\n  max-width: 520px;\r\n  margin: 0 auto;\r\n  padding: 0 10px;\r\n\r\n  font-family: \"Playfair Display\", serif;\r\n  font-size: clamp(20px, 2.1vw, 24px);\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  line-height: 1.25;       \/* m\u00e1s compacto *\/\r\n  text-align: center;\r\n\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: opacity 1.2s ease, transform 1.2s ease;\r\n}\r\n\r\n.cir-slide.active{\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ============================\r\n   RESPONSIVE\r\n============================ *\/\r\n@media (max-width: 1024px){\r\n  .corfri-impact-section{\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    padding: 60px 30px;\r\n  }\r\n  .corfri-impact-left{\r\n    padding-left: 0;\r\n  }\r\n  .cir-card{\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px){\r\n  .corfri-impact-section{\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .cil-title{\r\n    font-size: 28px;\r\n  }\r\n\r\n  .cir-card{\r\n    padding: 32px 20px 34px;\r\n  }\r\n\r\n  \/* --- Ajuste para que NO se corte el texto --- *\/\r\n  .cir-slider{\r\n    height: auto;\r\n    min-height: 110px;      \/* +30px de espacio extra *\/\r\n    display: flex;\r\n    align-items: center;    \/* centra verticalmente el texto *\/\r\n    justify-content: center;\r\n  }\r\n\r\n  .cir-slide{\r\n    line-height: 1.35;      \/* un pel\u00edn m\u00e1s legible *\/\r\n    padding: 0 4px;         \/* evita recortes laterales *\/\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<!-- ===============================\r\n             SCRIPT\r\n================================ -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const slides = document.querySelectorAll(\".cir-slide\");\r\n  if (!slides.length) return;\r\n\r\n  let index = 0;\r\n\r\n  setInterval(() => {\r\n    slides[index].classList.remove(\"active\");\r\n    index = (index + 1) % slides.length;\r\n    slides[index].classList.add(\"active\");\r\n  }, 6000);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4853cfc e-con-full e-flex e-con e-parent\" data-id=\"4853cfc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44cbab5 elementor-widget elementor-widget-html\" data-id=\"44cbab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: NUESTROS VALORES -->\r\n<div class=\"principles-section\">\r\n\r\n  <!-- Cabecera alineada a la izquierda -->\r\n  <div class=\"pc-header\">\r\n    <div class=\"pc-kicker\">PRINCIPIOS<\/div>\r\n    <h2 class=\"pc-title\">NUESTROS VALORES<\/h2>\r\n  <\/div>\r\n\r\n  <!-- Carrusel infinito de valores (sin flechas) -->\r\n  <div class=\"principles-carousel\">\r\n    <div class=\"pc-inner\">\r\n      <div class=\"pc-viewport\">\r\n        <div class=\"pc-track\">\r\n          <div class=\"pc-card\">\r\n            <div class=\"pc-text\">\u00c9tica y transparencia<\/div>\r\n          <\/div>\r\n          <div class=\"pc-card\">\r\n            <div class=\"pc-text\">Crecimiento autofinanciado<\/div>\r\n          <\/div>\r\n          <div class=\"pc-card\">\r\n            <div class=\"pc-text\">Diversificaci\u00f3n de riesgos<\/div>\r\n          <\/div>\r\n          <div class=\"pc-card\">\r\n            <div class=\"pc-text\">Inversi\u00f3n socialmente responsable<\/div>\r\n          <\/div>\r\n          <div class=\"pc-card\">\r\n            <div class=\"pc-text\">Experiencia internacional<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* ============================\r\n   T\u00cdTULO SUPERIOR\r\n============================ *\/\r\n.principles-section{\r\n  width: 100%;\r\n  padding: 40px 20px 10px;\r\n}\r\n\r\n\/* HEADER alineado m\u00e1s a la derecha *\/\r\n.pc-header{\r\n  text-align: left;\r\n  max-width: 1300px;\r\n  margin: 0 auto 30px;\r\n  padding-left: 65px;   \/* antes 120px *\/\r\n}\r\n\r\n\r\n.pc-kicker{\r\n  position: relative;\r\n  font-family: \"Libre Baskerville\", serif;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.22em;\r\n  font-size: 12px;\r\n  color: #9bb5dd;\r\n\r\n  \/* alineado al mismo nivel del t\u00edtulo *\/\r\n  margin-left: 75px;        \/* \u2190 alineaci\u00f3n proporcional *\/\r\n}\r\n\r\n.pc-kicker::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -75px;              \/* \u2190 misma distancia para que la l\u00ednea quede alineada *\/\r\n  top: 50%;\r\n  width: 60px;\r\n  height: 1px;\r\n  background: rgba(143,179,255,0.7);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.pc-title{\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(30px, 3.4vw, 44px);\r\n  color: #f5f8ff;\r\n  margin-top: 6px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n\r\n\/* ============================\r\n   CONTENEDOR GENERAL\r\n============================ *\/\r\n.principles-carousel{\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  background: transparent;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.pc-inner{\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  background: transparent;\r\n  border: none;\r\n  box-shadow: none;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 26px 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================\r\n   VIEWPORT\r\n============================ *\/\r\n.pc-viewport{\r\n  overflow: hidden;\r\n  flex: 0 0 auto;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.pc-track{\r\n  display: flex;\r\n  will-change: transform;\r\n}\r\n\r\n\r\n\/* ============================\r\n   TARJETAS \u2014 SOLO TEXTO\r\n============================ *\/\r\n.pc-card{\r\n  flex: 0 0 calc(100% \/ 3);\r\n  padding: 24px 16px;\r\n  text-align: center;\r\n  color: #f7f8ff;\r\n  font-family: \"Libre Baskerville\", serif;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n}\r\n\r\n.pc-card::before{\r\n  display: none;\r\n}\r\n\r\n.pc-text{\r\n  position: relative;\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(22px, 2.2vw, 28px);\r\n  line-height: 1.25;\r\n  padding: 4px 14px;\r\n  text-shadow: 0 0 14px rgba(0,0,0,0.6);\r\n}\r\n\r\n.pc-text::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -2px -18px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle at center,\r\n              rgba(3, 9, 30, 0.75),\r\n              transparent 70%);\r\n  opacity: 0.85;\r\n  z-index: -1;\r\n}\r\n\r\n\r\n\/* ============================\r\n   RESPONSIVE\r\n============================ *\/\r\n\r\n\/* Reglas generales para tama\u00f1os (estructura) *\/\r\n@media (max-width: 1024px){\r\n  .pc-viewport{\r\n    max-width: 720px;\r\n  }\r\n  .pc-card{\r\n    flex: 0 0 50%;  \/* 2 visibles en tablet *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 768px){\r\n  .principles-carousel{\r\n    padding: 40px 10px;\r\n  }\r\n\r\n  .pc-viewport{\r\n    max-width: 100%;\r\n  }\r\n\r\n  .pc-card{\r\n    flex: 0 0 100%;  \/* 1 visible en m\u00f3vil *\/\r\n  }\r\n}\r\n\r\n\/* ===== TABLET VERTICAL ===== *\/\r\n@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){\r\n  .pc-header{\r\n    padding-left: 60px;      \/* como lo ten\u00edas *\/\r\n  }\r\n\r\n  .pc-kicker{\r\n    margin-left: 110px;\r\n  }\r\n\r\n  .pc-kicker::before{\r\n    left: -110px;\r\n  }\r\n}\r\n\r\n\/* ===== TABLET HORIZONTAL ===== *\/\r\n@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){\r\n  .pc-header{\r\n    padding-left: 30px !important;   \/* m\u00e1s a la izquierda *\/\r\n  }\r\n\r\n  .pc-kicker{\r\n    margin-left: 70px !important;    \/* texto m\u00e1s pegado a la l\u00ednea *\/\r\n  }\r\n\r\n  .pc-kicker::before{\r\n    left: -70px !important;\r\n  }\r\n}\r\n\r\n\/* ===== M\u00d3VIL VERTICAL ===== *\/\r\n@media (max-width: 768px) and (orientation: portrait){\r\n  .pc-header{\r\n    padding-left: 30px;   \/* como lo ten\u00edas en m\u00f3vil *\/\r\n  }\r\n\r\n  .pc-kicker{\r\n    margin-left: 65px;\r\n  }\r\n\r\n  .pc-kicker::before{\r\n    left: -65px;\r\n  }\r\n}\r\n\r\n\/* ===== M\u00d3VIL HORIZONTAL ===== *\/\r\n@media (max-width: 768px) and (orientation: landscape){\r\n  .pc-header{\r\n    padding-left: 18px !important;   \/* bien pegado a la izquierda *\/\r\n  }\r\n\r\n  .pc-kicker{\r\n    margin-left: 52px !important;\r\n  }\r\n\r\n  .pc-kicker::before{\r\n    left: -52px !important;\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\n\/* Carrusel infinito autom\u00e1tico SIN flechas ni paradas *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const track = document.querySelector('.pc-track');\r\n  if (!track) return;\r\n\r\n  const cards = () => track.querySelectorAll('.pc-card');\r\n\r\n  function getCardWidth(){\r\n    const first = cards()[0];\r\n    return first ? first.offsetWidth : 0;\r\n  }\r\n\r\n  let offset   = 0;\r\n  const speed  = 0.06;   \/\/ ajusta para ir m\u00e1s r\u00e1pido o m\u00e1s lento\r\n  let lastTime = null;\r\n\r\n  function loop(timestamp){\r\n    if (!lastTime) lastTime = timestamp;\r\n    const dt = timestamp - lastTime;\r\n    lastTime = timestamp;\r\n\r\n    const width = getCardWidth();\r\n    if (width) {\r\n      offset -= speed * dt;\r\n\r\n      if (offset <= -width){\r\n        offset += width;\r\n        track.appendChild(cards()[0]);   \/\/ mueve la primera al final\r\n      }\r\n\r\n      track.style.transform = `translateX(${offset}px)`;\r\n    }\r\n\r\n    requestAnimationFrame(loop);\r\n  }\r\n\r\n  window.addEventListener('resize', () => {\r\n    offset = 0;\r\n    track.style.transform = 'translateX(0)';\r\n  });\r\n\r\n  requestAnimationFrame(loop);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcafb54 e-flex e-con-boxed e-con e-parent\" data-id=\"bcafb54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45931c4 elementor-widget elementor-widget-spacer\" data-id=\"45931c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd26dab e-grid e-con-full e-con e-parent\" data-id=\"cd26dab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f15bb elementor-widget elementor-widget-html\" data-id=\"c7f15bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tarjeta de contacto con el mismo fondo transl\u00facido que la cita -->\r\n<div class=\"contact-wrapper\">\r\n  <div class=\"contact-card\">\r\n    <h3>Contacto<\/h3>\r\n\r\n    <div class=\"contact-row\">\r\n      <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M12 2C8.7 2 6 4.7 6 8c0 4.7 6 12 6 12s6-7.3 6-12c0-3.3-2.7-6-6-6zm0 8.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 5.5 12 5.5s2.5 1.1 2.5 2.5S13.4 10.5 12 10.5z\"\/>\r\n      <\/svg>\r\n      <div class=\"contact-text\">\r\n        <strong>Direcci\u00f3n<\/strong>\r\n        <span>Calle Juan Esplandi\u00fa 15, 5\u00aa planta<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a class=\"contact-row is-link\" href=\"mailto:info@corfri.com\">\r\n      <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n      <\/svg>\r\n      <div class=\"contact-text\">\r\n        <strong>Email<\/strong>\r\n        <span>info@corfri.com<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"contact-row is-link\" href=\"tel:+34915572213\">\r\n      <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M6.6 10.8c1.2 2.4 3.2 4.4 5.6 5.6l1.9-1.9c.3-.3.8-.4 1.2-.3 1 .3 2.1.5 3.2.5.7 0 1.3.6 1.3 1.3v3.1c0 .7-.6 1.3-1.3 1.3C10.6 20.4 3.6 13.4 3.6 4.8 3.6 4.1 4.2 3.5 4.9 3.5H8c.7 0 1.3.6 1.3 1.3 0 1.1.2 2.2.5 3.2.1.4 0 .9-.3 1.2l-1.9 1.6z\"\/>\r\n      <\/svg>\r\n      <div class=\"contact-text\">\r\n        <strong>Tel\u00e9fono<\/strong>\r\n        <span>915 57 22 13<\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .contact-wrapper{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    width: 100%;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  .contact-card{\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(5px);\r\n  color: #fff;\r\n  border-radius: 8px;\r\n  padding: 18px 26px;       \/* \ud83d\udd39 menos alto, m\u00e1s compacto *\/\r\n  width: 100%;\r\n  max-width: 600px;         \/* \ud83d\udd39 m\u00e1s ancho *\/\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.2);\r\n}\r\n\r\n  .contact-card h3{\r\n    color: #80B6FF;\r\n    margin-bottom: 14px;\r\n    font-size: clamp(18px, 2.6vw, 22px);\r\n    font-family: \"Poppins\",\"Inter\",system-ui;\r\n    text-align: left;\r\n  }\r\n\r\n  .contact-row{\r\n    display: grid;\r\n    grid-template-columns: 28px 1fr;\r\n    gap: 12px;\r\n    align-items: start;\r\n    padding: 10px 0;\r\n  }\r\n\r\n  .contact-row + .contact-row{ border-top: 1px solid rgba(255,255,255,0.08); }\r\n\r\n  .icon{\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #80B6FF;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .contact-text strong{\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #CFE0FF;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .contact-text span{\r\n    font-size: clamp(15px, 2.4vw, 16px);\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .contact-row.is-link:hover .contact-text span{\r\n    text-decoration: underline;\r\n    text-decoration-color: #80B6FF;\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    .contact-wrapper{\r\n      justify-content: center;\r\n      padding: 12px;\r\n    }\r\n    .contact-card{\r\n      max-width: 100%;\r\n      padding: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d321d03 elementor-widget elementor-widget-google_maps\" data-id=\"d321d03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=CalleJuan%20Esplandi%C3%BA%2015%2C%20Corfri&#038;t=m&#038;z=14&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"CalleJuan Esplandi\u00fa 15, Corfri\"\n\t\t\t\t\taria-label=\"CalleJuan Esplandi\u00fa 15, Corfri\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M\u00c1S DE 40 A\u00d1OS GENERANDO VALOR EN FINANZAS Y REAL ESTATE Inversiones diversificadas, sostenibles y con visi\u00f3n a largo plazo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":336,"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/1317"}],"wp:attachment":[{"href":"https:\/\/corfri.com\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}