<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dr. Santiago Cabrera Ramos</title>
	<atom:link href="https://doctorsantiagocabreraramos.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://doctorsantiagocabreraramos.com</link>
	<description>Dr. Santiago Cabrera Ramos</description>
	<lastBuildDate>Mon, 17 Aug 2026 20:05:29 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>Introducción al simposio hemorragias obstétricas</title>
		<link>https://doctorsantiagocabreraramos.com/introduccion-al-simposio-hemorragias-obstetricas/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Sun, 05 Jan 2020 01:16:56 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26072</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Introduccion al simposio hemorragias obstetricas Dr. Santiago Cabrera Ramos Resumen / Extracto Las hemorragias obstetricas representan una de las principales causas de morbimortalidad materna a nivel global. Este documento sirve como introduccion al simposio especializado, donde se abordan los [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26072" class="elementor elementor-26072">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-6912066 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="6912066" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c83ec0d" data-id="c83ec0d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-49f853e elementor-widget elementor-widget-html" data-id="49f853e" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-eb73474 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="eb73474" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9723a1" data-id="a9723a1" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1fcacc0 elementor-widget elementor-widget-html" data-id="1fcacc0" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Introduccion al simposio hemorragias obstetricas</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Las hemorragias obstetricas representan una de las principales causas de morbimortalidad materna a nivel global. Este documento sirve como introduccion al simposio especializado, donde se abordan los factores de riesgo, la epidemiologia actual y la importancia de la intervencion temprana y protocolizada para salvaguardar la vida de la paciente.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c083a35 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c083a35" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-428a510" data-id="428a510" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5cd3de0 elementor-widget elementor-widget-html" data-id="5cd3de0" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Prologue to the Symposium Obstetric Hemorrhages</title>
		<link>https://doctorsantiagocabreraramos.com/prologue-to-the-symposium-obstetric-hemorrhages/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Wed, 01 Jan 2020 02:09:00 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26092</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Prologue to the symposium obstetric hemorrhages Dr. Santiago Cabrera Ramos Resumen / Extracto Obstetric hemorrhages remain a leading cause of maternal morbidity and mortality globally. This prologue introduces the specialized symposium, detailing risk factors, current epidemiological data, and the [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26092" class="elementor elementor-26092">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-98f78ab elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="98f78ab" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-934bacf" data-id="934bacf" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e5d9260 elementor-widget elementor-widget-html" data-id="e5d9260" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a82e7e6 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="a82e7e6" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c9960ea" data-id="c9960ea" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5b5e80d elementor-widget elementor-widget-html" data-id="5b5e80d" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Prologue to the symposium obstetric hemorrhages</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Obstetric hemorrhages remain a leading cause of maternal morbidity and mortality globally. This prologue introduces the specialized symposium, detailing risk factors, current epidemiological data, and the critical need for early, protocol-driven interventions to ensure maternal safety.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5469fb2 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="5469fb2" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-701969e" data-id="701969e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c55e4c7 elementor-widget elementor-widget-html" data-id="c55e4c7" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hematoma hepático espontáneo, serie de casos. Hospital San Bartolomé, junio 2014-mayo 2018</title>
		<link>https://doctorsantiagocabreraramos.com/hematoma-hepatico-espontaneo-serie-de-casos-hospital-san-bartolome-junio-2014-mayo-2018/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Sat, 05 Jan 2019 01:48:54 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26088</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Hematoma hepatico espontaneo: Serie de casos en Hospital San Bartolome (2014-2018) Dr. Santiago Cabrera Ramos Resumen / Extracto Estudio observacional que describe una serie de casos clinicos sobre el hematoma hepatico espontaneo, una complicacion rara pero severa asociada frecuentemente [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26088" class="elementor elementor-26088">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-9c313f9 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="9c313f9" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-219759c" data-id="219759c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-842f31b elementor-widget elementor-widget-html" data-id="842f31b" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-80aa955 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="80aa955" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32fb914" data-id="32fb914" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-61ed5d4 elementor-widget elementor-widget-html" data-id="61ed5d4" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Hematoma hepatico espontaneo: Serie de casos en Hospital San Bartolome (2014-2018)</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Estudio observacional que describe una serie de casos clinicos sobre el hematoma hepatico espontaneo, una complicacion rara pero severa asociada frecuentemente a preeclampsia y sindrome HELLP. Se analizan los perfiles clinicos, el diagnostico por imagenes y el manejo instaurado en el Hospital San Bartolome.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6125c70 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="6125c70" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0145cbd" data-id="0145cbd" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-20f5013 elementor-widget elementor-widget-html" data-id="20f5013" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ginecología: Aporte de 70 años de vida institucional de la Sociedad Peruana de Obstetricia y Ginecología</title>
		<link>https://doctorsantiagocabreraramos.com/ginecologia-aporte-de-70-anos-de-vida-institucional-de-la-sociedad-peruana-de-obstetricia-y-ginecologia/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Wed, 05 Jul 2017 01:55:53 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26090</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Ginecologia: Aporte de 70 a&#241;os de vida institucional de la SPOG Dr. Santiago Cabrera Ramos Resumen / Extracto Revision historica y valoracion de los aportes cientificos, academicos y gremiales de la Sociedad Peruana de Obstetricia y Ginecologia (SPOG) en [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26090" class="elementor elementor-26090">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-66e79a2 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="66e79a2" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fadbc8a" data-id="fadbc8a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a4aa974 elementor-widget elementor-widget-html" data-id="a4aa974" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f4265b4 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="f4265b4" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-922bc16" data-id="922bc16" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1bb356e elementor-widget elementor-widget-html" data-id="1bb356e" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Ginecologia: Aporte de 70 a&ntilde;os de vida institucional de la SPOG</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Revision historica y valoracion de los aportes cientificos, academicos y gremiales de la Sociedad Peruana de Obstetricia y Ginecologia (SPOG) en sus 70 a&ntilde;os de fundacion. Se destaca su influencia en la mejora de las politicas de salud publica y en la formacion continua de los especialistas en el pais.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-02f1961 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="02f1961" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7bfb169" data-id="7bfb169" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-709738a elementor-widget elementor-widget-html" data-id="709738a" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Histerectomía obstétrica en el Hospital San Bartolomé, Lima, 2003 &#8211; 2015</title>
		<link>https://doctorsantiagocabreraramos.com/histerectomia-obstetrica-en-el-hospital-san-bartolome-lima-2003-2015/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Wed, 01 Mar 2017 09:51:00 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<category><![CDATA[artículo]]></category>
		<category><![CDATA[cabrera]]></category>
		<category><![CDATA[doctor cabrera]]></category>
		<category><![CDATA[ginecología]]></category>
		<category><![CDATA[histerectomía]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=25682</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Histerectomia obstetrica en el Hospital San Bartolome, Lima (2003-2015) Dr. Santiago Cabrera Ramos Resumen / Extracto Estudio retrospectivo y exhaustivo sobre la incidencia y las indicaciones de la histerectomia obstetrica en el Hospital Madre Ni&#241;o San Bartolome durante 12 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="25682" class="elementor elementor-25682">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-ec5bf90 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ec5bf90" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27fd843" data-id="27fd843" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ba93994 elementor-widget elementor-widget-html" data-id="ba93994" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ad195ca elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ad195ca" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-037e3b2" data-id="037e3b2" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-005d200 elementor-widget elementor-widget-html" data-id="005d200" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Histerectomia obstetrica en el Hospital San Bartolome, Lima (2003-2015)</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Estudio retrospectivo y exhaustivo sobre la incidencia y las indicaciones de la histerectomia obstetrica en el Hospital Madre Ni&ntilde;o San Bartolome durante 12 a&ntilde;os. Se evaluan los resultados maternos y el papel fundamental de este procedimiento radical como ultima medida salvavidas ante hemorragias masivas incontrolables.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2ac556a elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="2ac556a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-616c41d" data-id="616c41d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9ec3f5d elementor-widget elementor-widget-html" data-id="9ec3f5d" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hemorragia Posparto</title>
		<link>https://doctorsantiagocabreraramos.com/hemorragia-posparto/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Thu, 01 Jan 2015 22:16:00 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26105</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Hemorragia posparto: Prevencion y manejo Dr. Santiago Cabrera Ramos Resumen / Extracto Analisis profundo de los protocolos de actuacion clinica para el manejo de la hemorragia posparto. Se discuten estrategias de prevencion activa del alumbramiento, metodos farmacologicos y quirurgicos [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26105" class="elementor elementor-26105">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-ffcf1b8 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ffcf1b8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ba5f00" data-id="8ba5f00" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd719ef elementor-widget elementor-widget-html" data-id="cd719ef" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2481a7b elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="2481a7b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6480b45" data-id="6480b45" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2564f05 elementor-widget elementor-widget-html" data-id="2564f05" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Hemorragia posparto: Prevencion y manejo</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Analisis profundo de los protocolos de actuacion clinica para el manejo de la hemorragia posparto. Se discuten estrategias de prevencion activa del alumbramiento, metodos farmacologicos y quirurgicos de primera linea, y la organizacion del equipo medico para una respuesta rapida y efectiva.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bda345f elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="bda345f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d03acd" data-id="9d03acd" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1d35c88 elementor-widget elementor-widget-html" data-id="1d35c88" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Siameses: reporte de un caso</title>
		<link>https://doctorsantiagocabreraramos.com/siameses-reporte-de-un-caso/</link>
		
		<dc:creator><![CDATA[Dr. Santiago Cabrera]]></dc:creator>
		<pubDate>Sat, 05 Mar 2011 01:01:58 +0000</pubDate>
				<category><![CDATA[Artículo]]></category>
		<guid isPermaLink="false">https://santiagocabreraramos.com/?p=26067</guid>

					<description><![CDATA[DR. SANTIAGO CABRERA Medico Gineco &#8211; Obstetra Inicio Curriculum Articulos e Investigaciones Especialidades Contacto Investigacion Medica Siameses: Reporte de un caso clinico Dr. Santiago Cabrera Ramos Resumen / Extracto Presentacion y discusion detallada de un caso clinico excepcional de siameses. El reporte abarca desde el desafio del diagnostico prenatal temprano mediante ecografia avanzada, hasta el [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="26067" class="elementor elementor-26067">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-0dee462 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="0dee462" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c9fa2b" data-id="7c9fa2b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-47e6107 elementor-widget elementor-widget-html" data-id="47e6107" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  .custom-header-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .custom-header-wrapper * {
    box-sizing: border-box;
  }

  .site-header {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    z-index: 1001; /* Asegura que el logo esté sobre el menú en móvil */
  }

  .header-logo-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-logo-text {
    display: flex;
    flex-direction: column;
  }

  .header-logo-title {
    color: #0b2b54;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
  }

  .header-logo-sub {
    color: #4ca4f6;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
  }

  /* CHECKBOX OCULTO PARA EL MENÚ MÓVIL */
  .mobile-menu-toggle {
    display: none;
  }

  /* ÍCONO DE HAMBURGUESA */
  .hamburger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 22px;
    z-index: 1001;
  }

  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0b2b54;
    border-radius: 3px;
    transition: all 0.3s ease;
  }

  /* CONTENEDOR DE NAVEGACIÓN Y BOTÓN */
  .header-menu-container {
    display: flex;
    align-items: center;
    gap: 35px;
    height: 100%;
  }

  .header-nav {
    display: flex;
    gap: 35px;
    height: 100%;
  }

  .header-nav a {
    text-decoration: none;
    color: #0b2b54;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
    height: 100%;
  }

  .header-nav a.active {
    color: #4ca4f6;
    border-bottom-color: #4ca4f6;
  }

  .header-nav a:hover {
    color: #4ca4f6;
  }

  .header-btn {
    background: #4ca4f6;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s;
    white-space: nowrap;
  }

  .header-btn:hover {
    background: #0b2b54;
  }

  /* =========================================================
     MEDIA QUERIES - DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
  ========================================================= */
  @media (max-width: 991px) {
    .site-header {
      padding: 0 20px;
    }
    
    .hamburger-icon {
      display: flex;
    }

    /* Ocultar el menú lateral fuera de pantalla */
    .header-menu-container {
      position: fixed;
      top: 0;
      right: -100%; /* Oculto por defecto */
      width: 80%;
      max-width: 320px;
      height: 100vh;
      background-color: #ffffff;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 100px 30px 40px 30px;
      gap: 30px;
      box-shadow: -10px 0 30px rgba(0,0,0,0.1);
      transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      z-index: 1000;
    }

    .header-nav {
      flex-direction: column;
      height: auto;
      gap: 20px;
      width: 100%;
    }

    .header-nav a {
      font-size: 1.15rem;
      border-bottom: none;
      border-left: 3px solid transparent;
      padding-left: 10px;
    }

    .header-nav a.active, .header-nav a:hover {
      border-bottom: none;
      border-left-color: #4ca4f6;
    }

    .header-btn {
      width: 100%;
      text-align: center;
    }

    /* Animación del menú al marcar el checkbox (Puro CSS, cero JavaScript) */
    .mobile-menu-toggle:checked ~ .header-menu-container {
      right: 0;
    }

    /* Animación del ícono hamburguesa transformándose en una 'X' */
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-toggle:checked ~ .hamburger-icon span:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
  
  /* Ajuste para teléfonos muy pequeños */
  @media (max-width: 480px) {
    .header-logo-title {
      font-size: 0.95rem;
    }
    .header-logo-sub {
      font-size: 0.65rem;
    }
    .header-logo-icon {
      width: 35px;
      height: 35px;
    }
    .header-logo-icon svg {
      width: 16px;
      height: 16px;
    }
  }
</style>

<div class="custom-header-wrapper">
  <header class="site-header">
    
    <!-- Lado Izquierdo: LOGO -->
    <a href="https://doctorsantiagocabreraramos.com/" class="header-logo">
      <div class="header-logo-icon">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo">
      </div>
      <div class="header-logo-text">
        <span class="header-logo-title">DR. SANTIAGO CABRERA</span>
        <span class="header-logo-sub">Medico Gineco - Obstetra</span>
      </div>
    </a>

    <!-- Checkbox oculto y etiqueta de hamburguesa para Móviles (Puro CSS) -->
    <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-toggle">
    <label for="mobile-menu-toggle" class="hamburger-icon">
      <span></span>
      <span></span>
      <span></span>
    </label>

    <!-- Lado Derecho: MENÚ Y BOTÓN -->
    <div class="header-menu-container">
      <nav class="header-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e Investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/#especialidades">Especialidades</a>
      </nav>
      <a href="https://doctorsantiagocabreraramos.com/contacto/" class="header-btn">Contacto</a>
    </div>

  </header>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-7191036 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="7191036" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bb2e987" data-id="bb2e987" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0d59d17 elementor-widget elementor-widget-html" data-id="0d59d17" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

  .single-article-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 40px;
    box-sizing: border-box;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .single-article-wrapper * {
    box-sizing: border-box;
  }

  .single-article-container {
    max-width: 850px;
    width: 100%;
    background: #ffffff;
    padding: 60px 70px;
    border-top: 5px solid #0b2b54;
    box-shadow: 0 20px 40px rgba(11, 43, 84, 0.08);
  }

  .article-meta {
    color: #4ca4f6;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
  }

  .article-title {
    color: #0b2b54;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
  }

  .article-author {
    color: #475569;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .article-author-icon {
    width: 20px;
    height: 20px;
    color: #0b2b54;
  }

  .article-divider {
    width: 100%;
    height: 1px;
    background-color: #e2e8f0;
    margin: 0 0 40px 0;
  }

  .article-abstract-title {
    color: #0b2b54;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px 0;
  }

  .article-abstract-text {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0 0 50px 0;
  }

  .article-actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .btn-primary {
    background-color: #4ca4f6;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s, transform 0.3s;
  }

  .btn-primary:hover {
    background-color: #0b2b54;
    transform: translateY(-3px);
  }

  .btn-secondary {
    color: #475569;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s;
  }

  .btn-secondary:hover {
    color: #0b2b54;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .single-article-wrapper {
      padding: 40px 20px;
    }
    .single-article-container {
      padding: 40px 30px;
    }
    .article-title {
      font-size: 2rem;
    }
    .article-actions {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
    }
  }
</style>

<div class="single-article-wrapper">
  <div class="single-article-container">
    
    <span class="article-meta">Investigacion Medica</span>
    <h1 class="article-title">Siameses: Reporte de un caso clinico</h1>
    
    <div class="article-author">
      <svg class="article-author-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
      Dr. Santiago Cabrera Ramos
    </div>

    <div class="article-divider"></div>

    <h2 class="article-abstract-title">Resumen / Extracto</h2>
    <p class="article-abstract-text">
      Presentacion y discusion detallada de un caso clinico excepcional de siameses. El reporte abarca desde el desafio del diagnostico prenatal temprano mediante ecografia avanzada, hasta el abordaje medico, consideraciones eticas y el plan de seguimiento multidisciplinario requerido para estos escenarios de altisima complejidad.
    </p>

    <div class="article-actions">
      <!-- Reemplazar '#' con el enlace real al PDF, Scielo o Revista -->
      <a href="#" class="btn-primary" target="_blank" rel="noopener">
        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
        Leer articulo completo
      </a>
      <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/" class="btn-secondary">
        Volver a la lista de articulos
      </a>
    </div>

  </div>
</div>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4e0cbe3 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="4e0cbe3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-custom">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a183a3" data-id="2a183a3" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b645cdd elementor-widget elementor-widget-html" data-id="b645cdd" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

  /* =========================================================================
     CONTENEDOR PRINCIPAL DEL FOOTER
  ========================================================================= */
  .custom-footer-wrapper {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    background-color: #f8fafc; /* Fondo gris/celeste muy claro para contrastar con el contenido principal */
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
  }

  .custom-footer-wrapper * {
    box-sizing: border-box;
  }

  /* =========================================================================
     SECCIÓN SUPERIOR (DIVISIÓN EN 3 COLUMNAS)
  ========================================================================= */
  .footer-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }

  /* Títulos de las columnas */
  .footer-title {
    color: #0b2b54;
    font-size: 1.25rem;
    font-weight: 700; /* Solicitado por el usuario: solo 700 */
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    /* Eliminado text-transform: uppercase; */
    letter-spacing: 0.5px;
  }
  
  .footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #4ca4f6; /* Linea de acento celeste */
    border-radius: 2px;
  }

  /* COLUMNA 1: CONTACTO */
  .footer-contact p {
    color: #475569;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 0.95rem;
  }

  .footer-contact a {
    color: #4ca4f6; /* Celeste de enfasis Elementor */
    text-decoration: none;
    font-weight: 600; /* Solicitado por el usuario: dejarlo en 600, no muy negrita */
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.2rem;
    transition: color 0.3s;
  }

  .footer-contact a:hover {
    color: #0b2b54; /* Cambia a azul oscuro al pasar el cursor */
  }

  /* COLUMNA 2: NAVEGACIÓN VERTICAL */
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .footer-nav a {
    color: #0b2b54;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
  }

  /* Efecto de seleccion/hover del menu */
  .footer-nav a.active, .footer-nav a:hover {
    color: #4ca4f6;
    padding-left: 8px; /* Pequeño desplazamiento hacia la derecha muy elegante */
  }

  /* COLUMNA 3: REDES SOCIALES */
  .footer-social {
    display: flex;
    gap: 15px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    background-color: #0b2b54; /* Fondo inicial azul */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circulos perfectos */
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  }

  .social-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .social-icon:hover {
    background-color: #4ca4f6; /* Pasan a celeste al hover */
    transform: translateY(-5px); /* Se elevan */
    box-shadow: 0 10px 15px rgba(76, 164, 246, 0.3);
  }

  /* =========================================================================
     SECCIÓN INFERIOR (COPYRIGHT)
  ========================================================================= */
  .footer-bottom {
    background-color: #0b2b54; /* Fondo azul oscuro institucional */
    padding: 25px 40px;
  }

  .footer-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 400;
  }

  .footer-bottom a {
    color: #4ca4f6; /* Celeste */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
  }

  .footer-bottom a:hover {
    color: #ffffff;
  }

  /* =========================================================================
     DISEÑO RESPONSIVO (MOVILES Y TABLETS)
  ========================================================================= */
  @media (max-width: 991px) {
    .footer-top {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 50px 20px;
      gap: 40px;
    }
    
    .footer-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .footer-nav {
      align-items: center;
    }

    .footer-social {
      justify-content: center;
    }

    .footer-bottom-container {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
</style>

<div class="custom-footer-wrapper">
  
  <!-- SECCION SUPERIOR: 3 COLUMNAS -->
  <div class="footer-top">
    
    <!-- Columna 1: Contacto y Logo -->
    <div class="footer-column footer-contact">
      <a href="https://doctorsantiagocabreraramos.com/" style="display: flex; align-items: center; gap: 15px; text-decoration: none; margin-bottom: 30px;">
        <img decoding="async" src="https://doctorsantiagocabreraramos.com/wp-content/uploads/2026/08/icono-logo-doctor-santiago-cabrera-ramos.webp" alt="Icono Ecografo" style="width: 45px; height: 45px; object-fit: contain;">
        <div style="display: flex; flex-direction: column;">
          <span style="color: #0b2b54; font-weight: 800; font-size: 1.15rem; line-height: 1; margin-bottom: 3px;">DR. SANTIAGO CABRERA</span>
          <span style="color: #4ca4f6; font-size: 0.75rem; font-weight: 600; line-height: 1;">Medico Gineco - Obstetra</span>
        </div>
      </a>
      <h3 class="footer-title">Contacto</h3>
      <p>Telefono para agendar citas:</p>
      <a href="tel:999709110">999 709 110</a>
      <p>Correo electronico corporativo:</p>
      <a href="mailto:drscabrera@hotmail.com">drscabrera@hotmail.com</a>
    </div>

    <!-- Columna 2: Menu de Navegacion -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Navegacion rapida</h3>
      <nav class="footer-nav">
        <a href="https://doctorsantiagocabreraramos.com/" class="active">Inicio</a>
        <a href="https://doctorsantiagocabreraramos.com/curriculum/">Curriculum</a>
        <a href="https://doctorsantiagocabreraramos.com/articulos-e-investigaciones/">Articulos e investigaciones</a>
        <a href="https://doctorsantiagocabreraramos.com/especialidades/">Especialidades</a>
        <a href="https://doctorsantiagocabreraramos.com/contacto/">Contacto</a>
      </nav>
    </div>

    <!-- Columna 3: Redes Sociales -->
    <div class="footer-column">
      <!-- Solo la primera en mayuscula -->
      <h3 class="footer-title">Redes sociales</h3>
      <div class="footer-social">
        <!-- Facebook Icon -->
        <a href="#" class="social-icon" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
        </a>
        <!-- Instagram Icon -->
        <a href="#" class="social-icon" aria-label="Instagram">
          <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
        </a>
        <!-- LinkedIn Icon -->
        <a href="#" class="social-icon" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
        </a>
      </div>
    </div>

  </div>

  <!-- SECCION INFERIOR: COPYRIGHT Y CREDITOS -->
  <div class="footer-bottom">
    <div class="footer-bottom-container">
      
      <!-- Lado Izquierdo: JavaScript mantendra el anio actualizado -->
      <div>
        &copy; <span id="current-auto-year">2026</span> Dr. Santiago Cabrera. Todos los derechos reservados.
      </div>

      <!-- Lado Derecho: Enlace a la agencia -->
      <div>
        Powered by <a href="https://tmmdgroup.com/" target="_blank" rel="noopener noreferrer">TMMD Group</a>
      </div>

    </div>
  </div>
</div>

<script>
  // Este pequeño script lee el reloj del navegador o servidor y escribe el año exacto de forma automática.
  // Así nunca tendrás que actualizar manualmente el año 2026, 2027, etc.
  document.addEventListener("DOMContentLoaded", function() {
    var yearSpan = document.getElementById("current-auto-year");
    if (yearSpan) {
      yearSpan.textContent = new Date().getFullYear();
    }
  });
</script>
		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
