/*
Theme Name: Exito Theme
Theme URI: https://example.com/
Author: Tu Nombre
Author URI: https://example.com/
Description: Tema minimal para reproducir el diseño tipo "Exito Radio".
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: exito-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Open+Sans:wght@300;400;600&display=swap');

:root{
  --maroon: #5a2218;
  --cream: #dcd8b8;
  --frame: #b8b69f;
  --dark: #262423;
}

/* Reset básico */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;background:var(--frame);color:#ddd;line-height:1.5;-webkit-font-smoothing:antialiased}

/* Header */
.exito-header{background:var(--maroon);height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 46px}
.exito-header .site-logo img{max-height:88px;display:block}
.exito-header nav a{color:var(--cream);font-family:'Playfair Display',serif;font-weight:700;text-transform:uppercase;font-size:22px;letter-spacing:1px;text-decoration:none;margin:0 12px}

/* Panel central */
.exito-inner{background:var(--dark);max-width:1200px;margin:30px auto;padding:60px 80px;border:8px solid rgba(0,0,0,0.35)}
.exito-columns{display:flex;gap:60px;align-items:flex-start}
.exito-left{flex:1.2}
.exito-right{flex:0.7;text-align:center}

/* Imagen y contenidos */
.exito-left img{max-width:420px;width:100%;height:auto;display:block;margin:0 auto 20px}
.exito-left h2,.exito-right h3{color:var(--cream);font-family:'Playfair Display',serif;text-align:center;margin:18px 0}
.exito-left p{color:#bfbfb2;text-align:justify;line-height:1.6;font-size:14px}

/* Cuadrado derecho */
.exito-square{width:320px;aspect-ratio:1/1;background:var(--cream);margin:0 auto 18px;background-size:cover;background-position:center;display:block}

/* Footer simple */
.site-footer{padding:30px 0;text-align:center;color:#bbb}

/* Responsive */
@media (max-width:900px){
  .exito-inner{padding:40px 28px}
  .exito-columns{flex-direction:column}
  .exito-square{width:70%}
  .exito-header nav a{font-size:16px;margin:0 6px}
}